本文介绍了如何通过iconfont选择并下载图标，使用iconfont-tools解析SVG文件，然后将CSS文件引入到全局，以实现个性化和色彩丰富的图标显示。通过此方法，可以为项目增添视觉吸引力，避免基础图标的单调性。
项目场景：
1、显示个性和色彩的渲染；
2、不同于基础图标仅有单调的纯色；
实现步骤：
1、iconfont选择合适的图标
2、下载Symbol至本地文件
3、iconfont-tools解析svg文件
4、引入解压后的css文件至全局
选择下载
下载后的文件大致情况，在此处shell执行第三步
执行解析步骤
npm install -g iconfont-tools
iconfont-tools
//一直Enter即可
解析生成文件格式大概情况
将css文件引入全局样式即可
具体使用如下
t-icon-***
<view class="t-icon t-icon-yujing"></view>
结果展示：
1、引入后重启项目，最终效果展示；
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
