uni-app引入彩色的 iconfont
2021-04-14 本文已影响0人
海之深处爱之港湾
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中查看类
