uni-app 里面阿里字体图标颜色不对

pl102029
  • 239

图片描述为什么阿里的字体图标传上去是黄色,添加到项目里面就成黑色了。

图片描述

改字体颜色的话全部都成黄色了,不是应该边框还是保持黑色吗?这个是怎么回事呢,还是我上传图标的时候需要做什么设置?
图片描述

评论
阅读 2.8k
3 个回答

不支持彩色的

引入彩色图标

1.项目中引入iconfont.js

// main.js
import './assets/iconfont.js'

2.使用

<svg class="icon" aria-hidden="true">
  <use xlink:href="#qc-icecream"></use>
</svg>

3.修改大小

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

SVG,没有这么问题,直接文件的形式引入

宣传栏