uView-template 基础版

更新记录

1.0.0（2022-08-20）

1.0.0版本

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
app-vue app-nvue	√	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
√	√	√	√

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	√	√	√	√	√

项目目录信息

1./api/api.js api请求的列表

2./common/config.js config配置请求的信息

3./common/http.js 封装HTTP请求的方法

4.node_modules 安装的依赖/插件

5.pages 页面

6.static 静态资源

7.utils 封装的公共的方法

配置域名等信息

tips:在/common/config.js配置相应的信息，设置完之后会自动判断开发环境和生产环境

1.devUrl设置测试域名

2.buildUrl设置正式域名

3.tokenUrl设置获取token的域名

公用方法UTILS使用方法：

1.checkAccount校验用户名正则，默认6到16位（字母，数字，下划线，减号）

this.$utils.checkAccount('我是信息提示') //满足条件返回true，否则返回false

2.checkPassword校验密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符

this.$utils.checkPassword('我是密码') //满足条件返回true，否则返回false

3.checkPhone校验手机号码

this.$utils.checkPhone('178********') //满足条件返回true，否则返回false

4.checkCard校验身份证号码 -（强校验）

this.$utils.checkCard('410************') //满足条件返回true，否则返回false

5.checkEmail校验邮箱

this.$utils.checkEmail('liu@163.com') //满足条件返回true，否则返回false

6.checkPostCode校验中国邮政编码

this.$utils.checkPostCode('450000') //满足条件返回true，否则返回false

7.getTimestamp获取时间戳（已处理ios设备传入'2022-08-08 08:08:08'时返回undefined的bug）

this.$utils.getTimestamp() //不传参数时，默认获取当前时间的时间戳
this.$utils.getTimestamp('2022-08-08 08:08:08') //传时间参数时，获取传递时间的时间戳
this.$utils.getTimestamp('2022/08/08 08:08:08') //传时间参数时，获取传递时间的时间戳

8.getCurrentTime获取当前时间

YY	MM	DD	hh	mm	ss	W	weekType
年	月	日	时	分	秒	周	默认（周），可选（星期）

this.$utils.getCurrentTime() //不传参数时，返回 2022-08-08 08:08:08 周六
this.$utils.getCurrentTime('星期') //只传weekType，返回 2022-08-08 08:08:08 星期六
this.$utils.getCurrentTime('MM-DD hh:mm W','星期') //返回 08-08 08:08 星期六
this.$utils.getCurrentTime('MM-DD hh:mm') //返回 08-08 08:08
this.$utils.getCurrentTime('hh:mm') //返回 08:08

9.showToast显示消息提示框

tips 第一个参数（必选）：消息内容；

第二个参数（选填）：提示的延迟时间；

第三个参数（选填）：提示图标；

this.$utils.showToast('我是消息',2000,success)

10.navigateTo保留当前页面，跳转到应用内的某个页面

this.$utils.navigateTo('/pages/index/index')

11.redirectTo关闭当前页面，跳转到应用内的某个页面

this.$utils.redirectTo('/pages/index/index')

12.switchTab tabbar跳转

this.$utils.switchTab('/pages/index/index')

13.navigateBack 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层

this.$utils.navigateBack()// 默认返回上一页面
this.$utils.navigateBack(2)// 返回上两个页面

14.callPhone 拨打电话

this.$utils.callPhone(178********)// 拨打电话