react 中使用阿里彩色图标

时间：2019-04-11 19:26:36 阅读：291 评论：0 收藏：0 [点我收藏+]

1. 不光要引入css ，还要引入js

技术分享图片

2. 在需要引入icon的地方添加

<svg className={styles.menuIcon} aria-hidden="true">
    <use xlinkHref="#icon-woshiicon"/>  // #icon-woshiicon 为 Font-class

</svg>

3. css

.menu-icon {
  width: 1em; 
  height: 1em;
  fill: currentColor;
  overflow: hidden;
  // 以上是svg图标通用样式

  font-size: 30px;
}

原文：https://www.cnblogs.com/aloehui/p/10691472.html

踩

(0)

评论一句话评论（0）

分享档案

更多>