uniapp内使用iconfont彩色图标

1.打开解压下载的图标资源文件


image.png

2.cmd 进入该目录

npm install -g iconfont-tools

执行完成执行

iconfont-tools

3.一直选默认 生成 iconfont-weapp文件


image.png

4.在app.vue中导入 (/static/iconfont ：是我自己的目录 )

<style lang="scss">
@import "/static/iconfont/iconfont-weapp-icon.css";
</style>

5.页面内使用 //t-icon-shenpizhongxin 名字需要自己打开自己资源文件对照用 默认生成一般前面加 t-

    <view class="t-icon t-icon-shenpizhongxin"></view>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容