Icon
QQ2052021114 icon组件
# 基础用法
<v-icon size="34" className="icon-name"></v-icon>
# 注意
这个组件使用率应该会很高。icon显示。
# 参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
className | class name | String | true |
size | 字体大小 | String | true |
color | 字体颜色 | String | true |
# 提示
- className可以传多个class名称,必须要含有 font.scss (opens new window) 下的icon 样式名称,
- 修改颜色可以用个
color
传参的方式,但是这个方式做不到主题改变而相应改变,所以颜色主要可以用className
的方式,例如:
<v-icon size="34" className="icon-name font-color-danger"></v-icon>
以上的案例,可以将字体icon的颜色改为 font-color-danger
,那么可以根据主题的 color-danger
相应改变。