qj-mini-pages-new

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

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