hyony / vant-finance-mobile

一个基于Vue/Vant开发的移动端H5理财产品单页应用

vant-finance-mobile

一个基于 Vant 的UI Demo，模拟一个简单的理财产品页面， 主要是为了学习和记录基于 Vue/Vant 开发移动设备单页应用的相关知识。

详情

效果如下

1	2	3	4

开始体验

• 体验地址：https://huzongyao.github.io/vant-finance-mobile
• 扫码体验：

• Wiki: https://github.com/huzongyao/vant-finance-mobile/wiki

涉及类库

记录和学习一些使用Vue来快速开发移动端HTML5页面的知识，主要包含：

• HTML+CSS基本布局的使用
• 使用Canvas完成简单手势识别
• 基于Vue/Webpack开发，Vue模板，状态等的使用
• VueRouter 做页面路由跳转，参数传递等使用
• Vuex 做全局状态管理和同步等操作
• VueI18n 做页面的多语言支持
• Vant 各种组件的组合与使用
• Axios 做网络请求操作(Demo项目暂时未使用)

主要依赖

• Vue: https://cn.vuejs.org/
• Vant: https://youzan.github.io/vant/

使用方法

# 运行测试环境
npm run dev
# 或者
npm run dev:test
# 编译
npm run build:test
# 编译&打包
npm run pack:test

其他信息

• 页面样式和图片均参考第三方App或者网络资源。
• 只是做页面布局参考学习用，还不能用于真正的项目。

About Me

• GitHub: https://huzongyao.github.io/
• ITEye博客：https://hzy3774.iteye.com/
• 新浪微博: https://weibo.com/hzy3774

Contact To Me

• QQ: 377406997
• Gmail: [email protected]
• Foxmail: [email protected]
• WeChat: hzy3774

Others

• 想捐赠我喝杯热水(¥0.01起捐)