[小程序]搜索内容变色显示



js文件

const getInf = (str, key) => str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%');  

listData.map(item => {

              return item.name = getInf(item.name, inputval)

});

inputval:搜索内容

item.name:要展示的字段

wxml文件

<view><text wx:for="{{item.name}}"  wx:for-item="items" class="{{items==inputval ?'iscolor':''}}">{{items}}</text></view>

在wxss文件根据需求设置iscolor颜色

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容