一、安装第三方库 iconfont-tools

npm install -g iconfont-tools

二、查看是否安装

iconfont-tools --version

三、去阿里云ico下载iconfont图标,解压包

地址:https://www.iconfont.cn/

四、进入下载iconfont文件  

cmd进入字体项目,

输入命令行 iconfont-tools

这时项目会 生成一个iconfont-weapp文件夹

五、进入项目 App.vue

引入iconfont-weapp-icon.css 或者 iconfont-weapp-icon.wxss(小程序)

六、使用如下

<div class="t-icon xxx"></div>
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐