如图:想实现搜索关键字,搜索到的内容中把包含的此字变为蓝色。
实现方式如下:此方式是uniapp开发运行到微信小程序的代码。
第一种方法:小程序自己实现
1.布局写法
2. style写法,布局中引用的nameClass样式如下:
3.Javascript代码写法。步骤1、中布局引用的方法$options.filters.formatTitle。
此fileters和methods方法平级。如图所示
注意点:因为是运行到小程序里面。所以设置颜色的时候要使用<font></font> 标签才能使颜色生效。
运行到小程序里面会使用rich-text 进行渲染
第二种方式:接口返回的内容直接带上标签font样式。页面直接渲染html。
1.布局写法
2.样式写法nameClass。同第一种方式的nameClass.
3.接口返回的item.titleName为
【注意事项:遇到问题是 单行加省略号,会出现安卓手机正常,但是ios系统个别机型不正常的情况。】
以上就是本篇文章【uni-app 微信小程序 搜索关键字后 结果中的关键字变色】的全部内容了,欢迎阅览 ! 文章地址:https://sicmodule.kub2b.com/quote/13293.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 企库往资讯移动站https://sicmodule.kub2b.com/mobile/,查看更多