通过在线方式引入 iconfont 图标库文件,自定义项目图标合集,一个 css 文件即可引入。
步骤
寻找并收集需要使用的图标
下载并修改文件
复制引用链接代码,在下载的文件里找到 iconfont.css
文件,后缀改为 wxss
,打开文件将文件顶部引用替换为刚刚复制的在线引用代码。
然后把这个文件放在小程序里随便一个位置,我是新建了一个 style 文件夹,放在了里面。
全局引用
在 app.wxss
文件里引用刚刚复制过来的 iconfont.wxss
文件。
@import"./style/iconfont.wxss";
使用
<text style="color:#cccccc;" class="iconfont icon-phone-fill"></text>
class
里面的 icon-phone-fill
为项目图表库里面 fontclass
代码