uniapp 引入阿里巴巴矢量图标库如何更改图标默认颜色

分类：uni-app

第1步将阿里巴巴矢量图标下载到本地；
第2步将iconfont.css 导入项目 static目录下；
第3步在App.vue 下全局引入iconfont.css文件样式
第4步在页面中使用

<icon class="iconfont icon-vip-card" ></icon>

第5步设置图标颜色，颜色不生效。

怎么解决！！！！！！！！！！！！！！！！！！！！！
怎么解决！！！！！！！！！！！！！！！！！！！！！
怎么解决！！！！！！！！！！！！！！！！！！！！！

2022-03-09 17:57 负责人:无分享

8 个回复

在线等！急

小枫叶 - 外包接单加v:wlmk1234567 注明来意

给class 设置color

有人知道吗

uniapper - abc

<span class="iconfont icon-vip-card"  style="color:red"></span>

yanwgenhua (作者)

谢谢。用span没用。用官方的设置颜色也没用<icon color="red"></icon>

2022-03-11 14:44
yanwgenhua (作者)

已经找到原因了。在下载到本地的时候不能选择彩色

2022-03-12 10:57

这样也不行

你可以在全局css文件里控制

小枫叶 - 外包接单加v:wlmk1234567 注明来意

重新看一下使用方式吧,也可能是哪个地方错了

兄弟们找到原因了。下载到本地的时候不能点彩色

该问题目前已经被锁定, 无法添加新回复