美文网首页
Taro Icon 使用Iconfont图标库

Taro Icon 使用Iconfont图标库

作者: 板栗炖牛肉 | 来源:发表于2022-02-11 16:10 被阅读0次

前言

  • Taro几个图表肯定是不够用的

  • 使用IconFont图标库(线上、本地)都可以用

  • 版本Taro UI 3.0往上

解决方案

  • 不同的Taro版本有点不一样,先差一下目标Icon使用的前缀名称,首先找到引用的Icon.scss
import "taro-ui/dist/style/components/icon.scss";
image.png
  • 使用的前缀名称是at-icon

  • 新建一个iconfont项目,注意前缀名称改为at-icon-,重要!!!

    image.png
  • 打开这个链接


    image.png
image.png
  • 复制即可,在项目的src(app.js或者其他)下新建xxx.css粘贴。

  • app.js最下方icon.scss下引入xxx.css

  • 使用,去掉前缀!!!

image.png image.png

本地使用

  • 下载至本地使用.css文件放到相同目录即可

相关文章

网友评论

      本文标题:Taro Icon 使用Iconfont图标库

      本文链接:https://www.haomeiwen.com/subject/wftzkrtx.html