官网:iconfont-阿里巴巴矢量图标库
选择所要添加的图标, 点击购物车 添加入库
选择好自己想要的图标后, 点击购物车, 选择 添加至项目
查看在线链接
点击代码, 并复制里面的内容
打开开发者工具
在与 page 同级的目录建立 styles 文件夹, 在 style 里建立 iconfont.wxss, 将刚才复制的内容粘贴进去
在 app.wxss 中引入 iconfont.wxss:
/* app.wxss */
@import './styles/iconfont.wxss';
或者在需要引入的地方引入, 例如自己写的自定义组件 /component/tabBar/tabBar.wxss
在需要引用icon的地方加入class属性:
<text class="iconfont icon-home></text>
就可以看到效果了!
