微信小程序实现高亮效果

大体思路:

根据要搜索的关键字,将现有的字符串切割成多分,存放在某个数组中;前台显示时候通过,循环数据绑定,循环输出这些被切割的字符串。

js代码:

sCallback: function (res) {//ajax回调函数

if (res.code == 1) {

var list = res.data.list;

//实现高亮

for (var i = 0; i < list.length; i++) {

var oldTitle = list[i].title;

var titleLight = [];

if (keywords){//如果有搜索关键字

//调用高亮函数

titleLight = that.light(keywords, oldTitle, titleLight);

} else {//如果没有搜索关键字

titleLight.push({ key: false, word: oldTitle });

}

list[i].titleLight = titleLight;

}

res.data.list = list;

//实现高亮结束

callback && callback(res.data);

}

小程序代码:

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180226G0LD4X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券