小程序根据内容改变字体颜色

100 阅读1分钟

小程序根据渲染内容改变字体颜色

在需要的文件中创建wxs页面,如果有多个地方需要使用就放在全局

// wxs页面
// 反馈类型过滤
var unit={
  typeFilter:function(item){
    var statusJson = {};
    var x = "";
    var y = "";
    switch (item) {
      case "一般风险":
        x = "一般风险";
        y = "#bce672";
        break;
      case "中等风险":
        x = "中等风险";
        y = "#fff143";
        break;
      case "高级风险":
        x = "高级风险";
        y = "red";
        break;
    }
    statusJson.x = x;
    statusJson.y = y;
    return statusJson;
  }
}
module.exports={
  typeFilter:unit.typeFilter
}

在需要的页面引入
<wxs module="unit" src="/color.wxs"></wxs>
讲循环的值传入
 <view style="color:{{unit.typeFilter(item.risk).y}}"><text class="iconfont icon-gantanhao"></text> {{unit.typeFilter(item.risk).x}}</view>
 
 新建了个群,欢迎大家一起进群讨论459358760