1.0.0 • Published 3 years ago
b2c-mini-uni v1.0.0
千匠星云小程序公共页面库
适用于千匠星云uni-app项目,easycom模式,打包时自动剔除没有使用的组件,无需担心全局引入体积大的问题。
安装
npm i qj-mini-pages
项目中配置
第一步 main.js
import qjMini from 'qj-mini-pages';
Vue.use(qjMini);
**第二步 pages.json**
{ "easycom": { "^qj-mini-(.*)": "qj-mini-pages/components/qj-mini-$1/qj-mini-$1.vue" } }
**第三步 App.vue**
onLaunch(){ // 接口请求域名 this.$qj.domain = this.$domain; // 图片域名 this.$qj.imgDomain = this.$imgDomain; // 业务域名 this.$qj.businessDomain = this.$businessDomain; // 自定义Date方法(具体API见下方) this.$qj.addDatePrototypes(); // Object方法 this.$qj.addObjectPrototype(); // String方法 this.$qj.addStringPrototype(); }
至此可以使用公共页面以及公共JS方法。
## 提供常用API
### this.$qj.router ###
* 打开一个新页面
`this.$qj.router.push(url, query, { success, fail, complete, stay } = {})`
* 关闭当前页面,打开一个新页面
`this.$qj.router.replace(url, query, { success, fail, complete, stay } = {})`
* 关闭所有页面,打开一个新页面
`this.$qj.router.reOpen(url, query, { success, fail, complete, stay } = {})`
* 返回上一个页面
`this.$qj.router.back(delta = 1, query, { success, fail, complete, stay = 0 } = {})`
| 参数 | 类型 | 是否必传 | 解释 |
| :---: | :---: | :---: | :---: |
| url | String | 是 | 页面路径 |
| query | Object | 否 | 页面传参 |
| success | Function | 否 | 接口调用成功的回调函数 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数 |
| stay | Number | 否 | 跳转延迟时间 |
| delta | Number | 否 | 返回的页面数 |
* **注意**,传入的url应该是去掉最前面的 ‘pages’ 和最后面的 ‘main’
### this.$qj.storage ###
* 从本地缓存中同步获取指定key对应的内容
`this.$qj.storage.get(key)`
* 将value存入本地缓存指定的key中,会覆盖掉原来key对应的内容,同步方法
`this.$qj.storage.set(key, value)`
* 移除本地缓存中key,同步方法
`this.$qj.storage.remove(key)`
| 参数 | 类型 | 是否必传 | 解释 |
| :---: | :---: | :---: | :---: |
| key | String | 是 | 指定的key |
| value | String | 是 | key对应的内容 |
### this.$qj.message ###
* 弹窗(uni.showToast)
`this.$qj.message.alert(title, )`
1.0.0
3 years ago