Icon

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 相应改变。