小程序根据后端返回的数字渲染对应的html

113 阅读1分钟

小程序在wxml中根据渲染的值去判断返回对应的内容 首先新建一个index.wxs的文件夹 然后将需要判断的内容方法写好

var advanced = {
  intermediate: function (item) {
    var intermediate = {};
    var x = "";
    var y = "";
    switch (item) {
      case "1":
        x = "男";
        y = "#bce672";
        break;
      case "2":
        x = "女";
        y = "#fff143";
        break;
      case "0":
        x = "未知";
        y = "red";
        break;
      case "9":
        x = "未说明";
        y = "red";
        break;
      case '':
        x = "";
        break;
    }
    intermediate.x = x;
    intermediate.y = y;
    return intermediate;
  }
}

然后导出

  然后再导出
  module.exports={
  intermediate: advanced.intermediate,
  }

然后再需要使用的wxml文件中倒入使用就可以了

  <!-- 引入性别判断 -->
  <wxs module="advanced" src="/name.wxs"></wxs>


在需要的view标签里使用就可以了
   <view class="sex">{{advanced.intermediate(item.SEX).x}}</view>

新建了个群,欢迎大家一起进群讨论459358760