当前位置: 首页 > news >正文

微信小程序中wxs

一、先新建wxs文件subutil.wxs

1、写过滤器
//return  class
var isClass = function(val) {if (val == 0) {return 'grid-item'} else if (val == 1) {return 'temperature-error-slot'} else if (val == 2) {return 'chargingCycles-error-slot'} else {return 'unrecognized-slot'}
}
2、暴露
module.exports.isClass = isClass;

   二、在wxml上引用

1、引入
<wxs src="../../wxs/subutil.wxs" module="tools" />
2、使用
<view 
wx:for="{{box.deviceInfoList}}" 
wx:key="index" 
wx:for-item="info" 
class="{{tools.isClass(info.alarmType)}}">{{info.globalIndex }}
</view>

相关文章:

  • 新闻类鸿蒙应用功耗危机以及优化方案
  • Antv g6 tooltip 实现hover时可点击tooltip里的内容
  • 达梦数据库DCA考试命令行操作
  • defaultdict 在python中的作用
  • 【Cross-Language Binary-Source Code Matching with Intermediate Representations】
  • 新能源知识库(38)构网技术介绍
  • 【无序数组二分查找】2022-4-22
  • PROFINET主站(M580)通过网关访问CANopen从站(NJ系列)的技术解析
  • javascript如何实现手势[特殊字符][特殊字符]的检测与识别?[特殊字符]
  • 拼音分词器的配置
  • DATABASE 结构迁移实战手册:脚本生成、分类与部署全流程详解
  • P1186 玛丽卡
  • C#委托代码记录
  • 传统Web应用和RESTful API模式
  • 5G视频通话可以做营销吗
  • VBA即用型代码手册:Document 对象 Document Object
  • 10.Mkb、Mb 和 Mbps
  • 【完整源码+数据集+部署教程】安检爆炸物检测系统源码和数据集:改进yolo11-REPVGGOREPA
  • STM32实战:智能家居控制面板设计方案
  • sessionStorage.setItem
  • 专业的上海网站建设公司排名/win11优化大师
  • 外资公司注册代理/东莞企业网站排名优化
  • 临沂做商城网站/推广恶意点击软件怎样使用
  • 一个dede管理两个网站/武汉seo网站优化技巧
  • 做日本外贸网站有哪些/竞价关键词优化软件
  • 电商平台数据库设计/关键词优化推广公司排名