1.0.0 • Published 3 years ago

b2c-mini-uni v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

千匠星云小程序公共页面库

适用于千匠星云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, )`