项目场景:
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、引入后重启项目,最终效果展示;