PHP前端开发

uniapp怎么更改图标颜色

百变鹏仔 4周前 (11-20) #uniapp
文章标签 图标
uniapp更改图标颜色的方法:首先在项目中引入iconfont.js;然后通过“”方式设置颜色;最后修改图标大小即可。

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

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

引入彩色图标

1.项目中引入iconfont.js

// main.jsimport './assets/iconfont.js'

2.使用

<svg>  <use></use></svg>

3.修改大小

.icon {  width: 1em; height: 1em;  vertical-align: -0.15em;  fill: currentColor;  overflow: hidden;}