更新记录
1.1.1(2022-12-14) 下载此版本
1
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
写在前面
本模版是uniapp项目基础模板,集成了uview-ui和微信jssdk,免去配置的麻烦,并封装了众多全局方法及小组件,适合开新项目使用。如果对你有帮助的话,给个好评和star吧~
基本功能 🚀
- 统一配置
- 集成微信公众号JSSDK,已封装部分sdk方法,请扫描下方二维码查看演示
- 集成uview-ui,采用下载安装方式,已配置好,无需npm
- api分模块管理和拦截器
- vuex和缓存实现全局变量
- 全局公共函数
- 小清新轻提示toast组件
- 更多组件开发中。。。
相关文档 📃
- <html>uview-ui官方文档</html>
- <html>全局样式类</html>
- <html>api集中管理和拦截器</html>
- <html>全局变量的实现</html>
- <html>微信公众号JSSDK官方文档</html>
- <html>超好用的utools工具(含内网穿透,公众号开发神器)</html>
项目目录 📁
│ App.vue
│ main.js
│ manifest.json
│ package-lock.json
│ package.json
│ pages.json
│ README.md
│ uni.scss
│
├─api // api目录,把模块的api写在对应的js文件中
│ | order.js
│ | wxapp.js
│
├─common
| | settings.js // 全局配置文件
│ | common.style.scss // 全局样式类
│ | http.api.js // api集中管理,挂载所有api到$u.api中
│ | http.interceptor.js // api拦截器
│
├─components
│ │ iconfont.css // toast字体图标
│ │ style.components.scss // 组件公共样式
│ ├─ v-bottom-menu // 底部菜单组件,用户表单提交等场景
│ ├─ v-image // 小巧的image组件
│ ├─ v-navtab // tabs组件封装,固定在页面顶部
│ ├─ v-title // 标题组件
│ └─ v-toast // 小清新轻提示组件
│
├─pages // 页面主目录
│
├─static
│ │ logo.png
│ │
│ └─tabbar // tabbar图标目录
│
├─store
│ $u.mixin.js // vuex挂载全局变量
│ index.js // vuex主文件
│
├─utils
│ common.js // 全局公共函数
│ jwx.js // 封装的jssdk函数
│ wx-jssdk.js // 微信jssdk
│
└─uview-ui // uview-ui组件库
鸣谢🚁
- <html>uview-ui</html> 多平台快速开发的UI框架,uniapp生态最优秀的UI框架。
#
项目演示(公众号授权) 👇
tips 📌
使用过程中遇到问题请发评论或加QQ 1843544121 反馈,感谢~