yanwgenhua
yanwgenhua
  • 发布:2022-03-09 17:57
  • 更新:2022-03-12 10:55
  • 阅读:767

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 负责人:无 分享
已邀请:
yanwgenhua

yanwgenhua (作者)

在线等!急

小枫叶

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

给class 设置color

  • yanwgenhua (作者)

    看最后一张图,我已经设置了color 还是没用


    2022-03-10 09:14

yanwgenhua

yanwgenhua (作者)

有人知道吗

uniapper

uniapper - abc

  • yanwgenhua (作者)

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


    2022-03-11 14:44

  • yanwgenhua (作者)

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


    2022-03-12 10:57

yanwgenhua

yanwgenhua (作者)

这样也不行

2***@qq.com

2***@qq.com

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

  • yanwgenhua (作者)

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


    2022-03-12 10:56

  • 2***@qq.com

    回复 yanwgenhua: 为啥要下载到本地...


    2022-03-14 10:08

小枫叶

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

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

  • yanwgenhua (作者)

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


    2022-03-12 10:56

yanwgenhua

yanwgenhua (作者)

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

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