uni-app引入彩色的 iconfont

uniapp 中使用彩色的 iconfont

1、在自己图标库项目中下载到本地：

image.jpeg

2、解压

image.jpeg

3、在解压后的文件下打开命令行执行

npm install -g iconfont-tools

image.jpeg

4、在步骤2解压的文件中 执行命令行

iconfont-tools

按一下操作

image.jpeg

5、目录会多了个iconfont-weapp文件

image.jpeg

进入文件把 iconfont-weapp-icon.css复制到 static 文件下的iconfont文件夹中

image.jpeg

6、在app.vue中导入

@import './static/iconfont/iconfont-weapp-icon.css';

image.jpeg

7、使用格式

<view class="t-icon t-icon-shijian"></view>

image.jpeg image.jpeg

t-icon开头 接图标的类名

iconfont-weapp-icon.css中查看类