脚本宝典收集整理的这篇文章主要介绍了uniapp怎么更改图标颜色,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
uniapp更改图标颜色的方法:首先在项目中引入iconfont.js;然后通过“”方式设置颜色;最后修改图标大小即可。
本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。
推荐(免费):uni-app教程
引入彩色图标
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; }
以上就是uniapp怎么更改图标颜色的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的uniapp怎么更改图标颜色全部内容,希望文章能够帮你解决uniapp怎么更改图标颜色所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。