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

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

图片描述

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

阅读 6.7k
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,没有这么问题,直接文件的形式引入

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题