设计师使用Figma制作的效果图，其中图标都是矢量的，于是想到多色的图标能否在小程序使用呢？ 通过搜索找到了一个开源的项目： https://github.com/iconfont-cli/mini-program-iconfont-cli 可以把iconfont平台图标批量转换成小程序的组件，且支持微信外的其他平台小程序，其中使用方法和……

如需自定义导航栏，需增加配置： 再通过微信文档提供的API方法，通过计算获取到胶囊的各项长度 其中每项对应值如下图示： 有了这个胶囊的位置等数据，我们就可以实现各种个性化的导航栏，如： 以上效果可以封装成自定义组件

为更好用户体验及设计效果，搜索结果列表都是需要对关键词进行高亮显示的，对关键词进行“<text class='high'>关键词</text>”样式定义，如果通过服务端返回wxml格式，在页面是不会被解析的，直接显示代码了，所以就需要在前端进行处理，先附上代码： JS代码： wxml代码： CSS代码： 原理是，对……