更新记录
1.2.0(2022-05-07) 下载此版本
更换分页组件为更实用更简单的页面滑动分页,下拉刷新自己单独处理
1.1.0(2022-04-11) 下载此版本
1.增加eslint 2.封装滑动分页 3.更新文档
1.0.0(2022-03-25) 下载此版本
1.0.0 first commit
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
uniapp+vuex3+vue2+uview2生产模板
一、请求封装
使用uview API $u.http封装全局请求拦截,并实现upload兼容多端的多文件上传demo
二、toast封装
封装
三、滑动分页封装
具体使用见user页分页demo
四、代码校验
- 参考官方帖子,HbuilderX的eslint-plugin-vue;
- 升级eslint-plugin-vue到1.1.4+,将ecmaVersion字段设置为latest;
- .eslintrc.js增加rules配置:
"max-len": ["error", { "code": 140 }], //单行最大长度 "no-multi-spaces": "error", // 禁止表达式多个空格 "semi": ["error", "never"], // 禁止分号 "quotes": ["error", "single"], // 使用单引号 "comma-dangle": ["error", "never"], //禁止尾逗号 "arrow-parens": ["error", "as-needed"], //箭头函数省略括号 "no-trailing-spaces": ["error", { "skipBlankLines": true }], //禁止末尾多余空格 "key-spacing": ["error", { "afterColon": true }], //字面量对象冒号后空格 "object-curly-spacing": ["error", "always"], //字面量对象格式化一致的空格 "comma-spacing": ["error", {"before": false, "after": true}], //禁止在逗号前使用空格,要求在逗号后使用空格 // ...