我是靠谱客的博主 背后洋葱,这篇文章主要介绍uniapp怎么更改图标颜色,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。

推荐(免费):uni-app教程

引入彩色图标

1.项目中引入iconfont.js

复制代码
1
2
// main.js import './assets/iconfont.js'
登录后复制

2.使用

复制代码
1
2
3
<svg class="icon" aria-hidden="true"> <use xlink:href="#qc-icecream"></use> </svg>
登录后复制

3.修改大小

复制代码
1
2
3
4
5
6
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
登录后复制

以上就是uniapp怎么更改图标颜色的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是背后洋葱最近收集整理的关于uniapp怎么更改图标颜色的全部内容,更多相关uniapp怎么更改图标颜色内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(274)

评论列表共有 0 条评论

立即
投稿
返回
顶部