iconfont-阿里巴巴矢量图标库
选择自己想要的图标,添加到购物车,选择【添加至项目】
使用【在线链接】生成【Font Class】,也就是通过类样式来使用这些图标
得到这些图标的class样式数据:
粘贴样式数据到项目中去: 【注意要改成wxss!!!】
因为这些图标都是存在外网上的,所以并没有存在本地,所以不会站多大空间~
现在,想要让全局都能使用这些图标,还需要在app.wxss文件中引入这个iconFont.wxss文件
页面中使用图标的方法:
<text class="iconfont icon-Pdf" style="font-size: 80px;"></text>
iconfont icon-Pdf 这两个很重要!
所以,在class中粘贴对应图标的类名,就能在页面中看到对应的图标了
然后,有个很严重的问题:图标没有颜色
unicode 和 font-class 的图标引用
因为是字体,所以不支持多色。只能使用平台里单色的图标