码迷,mamicode.com
首页 > 微信 > 详细

微信小程序使用字体图标

时间:2020-05-15 18:01:28      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:页面   阿里巴巴   项目   全局   微信小程序   iconfont   添加   微信   tps   

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>

微信小程序使用字体图标

标签:页面   阿里巴巴   项目   全局   微信小程序   iconfont   添加   微信   tps   

原文地址:https://www.cnblogs.com/ytwanzi/p/12896036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!