AI编程助手
AI免费问答

uniapp怎么更改图标颜色

藏色散人   2021-01-18 11:31   7320浏览 原创
uniapp更改图标颜色的方法:首先在项目中引入iconfont.js;然后通过“”方式设置颜色;最后修改图标大小即可。

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

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

引入彩色图标

1.项目中引入iconfont.js

// main.js
import './assets/iconfont.js'

2.使用

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

3.修改大小

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。