微信小程序使用字体图标
时间:2020-05-15 18:01:28
收藏:0
阅读:111
1.打开阿里巴巴字体图标库https://www.iconfont.cn/
2.搜索需要的图标添加入库
3.点击右上角购物车标识,添加至已有项目,或者新建项目
4.添加完成之后,选择项目,点击Font class选项按钮
5.点击查看在线链接,下边会显示是个链接地址,复制并在地址栏打开链接
6.全选复制代码,回到项目在styles目录下新建iconfont.wxss文件,把已复制代码粘贴进去
7.在全局样式文件app.wxss中导入iconfont.wxss文件
@import "./styles/iconfont.wxss"
这样在每一个页面中都可以通过类名使用字体图标了
如:<text class="iconfont icon-gouwucheman"></text>
评论(0)