uniapp常用函数总结

201 阅读1分钟
# health_uniapp

#### 介绍
新版小程序

#### 软件架构
软件架构说明


#### 安装教程

1.  直接克隆项目即可


#### 项目公共函数使用说明
1.  接口返回的消息提示(第一个参数是后台返回,第二个参数可以放展示的时间毫秒数,默认是600)
 ~~~
this.$toast(res.data.msg); 
 ~~~

2.  再次弹出确认框:
 ~~~
 saveReconfirmFun(item){
    let self = this;
    uni.showModal({
    title: '提示信息',
    content: '是否取消关注当前疾病?',
    cancelText: "取消",
    confirmText: "确认",
    confirmColor: '#2851F3',
    cancelColor: '#9E9E9E',
    success: function (res) {
    if (res.confirm) {
    self.saveDra(item);
    } else if (res.cancel) {
    console.log('用户点击取消');
    }
    }
    });

    },
 
 ~~~
3.  界面级别的弹框,可以用一个函数做载体,然后界面调用:
~~~ 
msgToast(msg) {
      uni.showToast({
        title: msg,
        icon: 'none'
      })
    },

~~~ 

#### 项目公共组件用说明
1.  暂无数据组件模块使用:通过uni-app的easycom: 将组件引入精简为一步。只要组件安装在项目的 components 目录下,并符合
    components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册,直接在页面中使用。
~~~
<fq-empty empty-text="暂未关注疾病" :empty-img="nomsg"></fq-empty>
~~~
2.  本地缓存——存取操作
~~~
let riskList = JSON.stringify(data);
uni.setStorageSync('riskList', riskList)

let userInfo = uni.getStorageSync("userInfo"); 
let userInfo = JSON.parse(uni.getStorageSync('userInfo')) || {};
let userInfo = uni.getStorageSync('userInfo') || {};
let { weight,height,gender} = {...userInfo};

~~~


3.  风险等级判定操作:
~~~

// 前端获取当前疾病的风险等级的函数
    getLevel(code){
      let name = '';
      if(!code){
        name = '暂未分析'
        return name;
      }
      let riskList = JSON.parse(uni.getStorageSync('riskList')) || [];
      let obj = riskList.find(item => item?.code == code)
      if(obj?.code == 10000130 || obj?.code == 10000240){
        name = '高风险'
      }else {
        name = '一般风险'
      }
      return name;
    },

    formatData(list){
      if(!list){
        return
      }
      for(let item of list){
        item['risk_name'] = this.getLevel(item.risk?.risk_gene_level)
      }
      return list;
    },

~~~
4.界面跳转常用
~~~~
uni.navigateTo({
	url: 'test?id=1&name=uniapp'
});
uni.switchTab({
	url: '/pages/index/index'
});
uni.reLaunch({
	url: 'test?id=1'
});

~~~~
5.更改title
~~~~
let userInfo = uni.getStorageSync('userInfo') || {};
    let { choose_disease_ids } = {...userInfo};
    if(!choose_disease_ids){
      uni.setNavigationBarTitle({
        title: '选择评估疾病'
      })
    }
~~~~





uniapp常用函数总结