一个基于 Vant 的UI Demo,模拟一个简单的理财产品页面, 主要是为了学习和记录基于 Vue/Vant 开发移动设备单页应用的相关知识。
1 | 2 | 3 | 4 |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
记录和学习一些使用Vue来快速开发移动端HTML5页面的知识,主要包含:
- HTML+CSS基本布局的使用
- 使用Canvas完成简单手势识别
- 基于Vue/Webpack开发,Vue模板,状态等的使用
- VueRouter 做页面路由跳转,参数传递等使用
- Vuex 做全局状态管理和同步等操作
- VueI18n 做页面的多语言支持
- Vant 各种组件的组合与使用
- Axios 做网络请求操作(Demo项目暂时未使用)
# 运行测试环境
npm run dev
# 或者
npm run dev:test
# 编译
npm run build:test
# 编译&打包
npm run pack:test
- 页面样式和图片均参考第三方App或者网络资源。
- 只是做页面布局参考学习用,还不能用于真正的项目。
- GitHub: https://huzongyao.github.io/
- ITEye博客:https://hzy3774.iteye.com/
- 新浪微博: https://weibo.com/hzy3774
- QQ: 377406997
- Gmail: [email protected]
- Foxmail: [email protected]
- WeChat: hzy3774