基于Vant微信小程序定制版

更新记录

1.0.2（2019-12-19）下载此版本

修复部分已知bug
增加小程序登陆授权功能

1.0.1（2019-12-18）下载此版本

暂无更新

1.0.0（2019-12-18）下载此版本

Uniapp Vant小程序定制版

作者

Sawyerjames（长春）: 1932880704@qq.com || sawyerjames0211@gmail.com

说明

Uniapp Vant小程序定制版基于Vant Weapp组件库封装，在使用上力争与Vant方法保持一致，因受限于Vant Weapp只适用于微信小程序开发，故该定制版也只适用于【微信小程序】。没办法，MPVUE只能退而求其次，该版本尽量争取做到最小损耗迁移Vue项目 -> 微信小程序

增加：扩展vue功能 -> mixins、vuex、伪router(封装uniapp路由跳转改写为this.$router.push/replace...)。增加：vue.config.js配置文件 -> 支持遵循规则自定义配置webpack、vue相关配置。增加：iconfont字体图标文件，配置文件置于common -> font。增加：less全局样式文件lessStyle.js，支持less全局变量，并保留scss全局文件uni.scss。增加：Vue全局函数globalFunc.js，可用于各单页直接调用通用函数增加：工具集Tool.js，封装正则方法、日期格式化、缓存等常用方法，封装moment.js日期插件。增加：网络请求http.js文件，封装get/post方法，使其保持与vue语法一致。

使用建议

一般情况下，建议开发者使用标准的uni-app组件，即vue标准组件。
该项目整体依赖于Vant weapp，故如发布多端请重构本项目Vant部分。

部分功能使用方式

网络请求：this.$_http.get/post(api, param, header);
路由跳转：this.$router.go/push/replace
工具集：this.$_tool.xxxx
全局函数：this.G_function(); every where

目录结构

common: 静态样式文件夹，置放common / iconfont style文件
components: 组件文件夹
jsons: 置放固定结构的json数据 -> 包括但不限于tabber、固定列表等
mixins: Vue mixins method
pages: 页面主体文件夹
static: 静态图片文件夹，置放jpg、png图标(注意：小程序不支持svg)
stores: Vue vuex method
unpackage: uniapp build package
utils: 工具及类方法文件夹
wxcomponents: 小程序组件文件夹 -> 置放Vant weapp组件库
App.vue: 主入口文件
lessStyle.js: less 全局变量
main.js: 主入口配置
pages.json: 页面相关配置
readme.md: 说明文本
uni.scss: scss 全局变量
vue.config.js: Vue config配置文件

环境注意

本示例部分功能依赖HBuilderX 1.8.8版及以上版本。

平台兼容性