小程序引入外部icon图标

一、使用阿里巴巴图标库引入字体图标

  1. 阿里巴巴图标库:https://www.iconfont.cn/manage/index
  2. 选择合适的图标
  3. 收藏,在收藏中查看
  4. 选择:自己的项目
  5. 选择:第二个{font class},复制类的地址,在网页中粘贴,选择所有,都知道项目中
  6. 在项目中创建:styles文件夹下创建iconfont.wxss文件
  7. 粘贴到 iconfont.wxss中,并保存。
  8. 在全局app.wxss中,引入“@import “./styles/iconfont.wxss”; ”。
  9. 在要引入的页面中:class一个类名:"iconfont icon-hongshizi"
  10. 即可引入图标
posted @ 2022-05-26 20:07  小白学CS  阅读(239)  评论(0编辑  收藏  举报