更新记录
1.0(2023-10-19) 下载此版本
1.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.8.12 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
说明
- 探迹前端模板2022-09-17
目的
- 前端尚未统一 同志仍需努力
特性
- 开箱即用 app自动更新
- 功能: 内部引入uview1 .8 .6 并修改了已知bug
- css 文件地址 /static/css/public.scss
- css 基础满足使用 widih height padding margin flex全家桶...
- css 根据项目的不同可以在App.vue里加入项目的特色css
23.2.17
-vue3 模板更新
common //公共文件
- 全局配置文件(./config) 常用的有 baseUrl
全局混入(common/mixin)
- 内部已封装 全局用户信息, 全局配置等接口
- $user: 使用用户信息
- $getUser(): 更新用户信息
- $config: 使用配置信息
- $getConfig(): 更新配置信息
- $params: 当前页面参数
- shareData: 小程序分享参数 已默认配置 (
- 下拉刷新页面: 全局配置 (正常触发onLoad)
- $login_success(): 登录成功回调
- $advJump(): 用于后端前端页面跳转 能跳外部页面
统一请求(common/request)
- 使用方法:this.$request('接口路径','携带参数(可不传)','get/post'(可不传默认post))
- 例如: this.$request('api/index/index',{type:1},'get')
- method: 'POST', //默认请求方式
- dataType: 'json', // 设置为json,返回后会对数据进行一次JSON.parse()
- showLoading: false, // 是否显示请求中的loading
- loadingTime: 800, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms 默认200
- loadingMask: false, // 展示loading的时候,是否给一个透明的蒙层,防止触摸穿透 默认 false
- loadingText: '加载中~', // 请求loading中的文字提示
常用方法(common/tool) tool
- wxPay(),//微信公众号支付
- pay(),//支付 APP微信支付,APP支付宝支付,微信小程序支付,微信公众号支付。统一封装
- uploadImg(),//上传图片
- msg(),//提示
- copy(),//复制文字
- jump(),//保留当前页面,跳转到应用内的某个页面
- sjump(),//路由跳转 tabar 关闭非tabbar页面
- rjump(),//路由跳转 关闭当前页面
- reUrl(),//路由跳转 关闭所有页面
- navBack(),//页面返回
- phone(),//打电话
- lookImg(),//查看图片
- setTit(),//设置标题
- saveImg(),//保存图片
- screenshot(),//保存截图
- openLink(),// 打开第三方链接链接
- objToUrl(),// 对象路由
- showModal(),//确认弹框
- refresh(),//刷新页面
- splitArr(),////一维数组分割多个数组
22.9.19更新
- pay,//支付 APP微信支付,APP支付宝支付,微信小程序支付,微信公众号支付。统一封装
23.1.3更新
-css nvue适配