Skip to content
当前页

图标的使用

使用 Element-Plus 图标

  • 该图标组件使用 Element-plus 的图标
  • 该图标组件未在全局引用,示例如下:
<sys-icon type='Menu' :size='18'>
  • 参数说明
    • type:字符串,使用 Element-Plus 图标组件库的 字符串
    • size:大小,数字,默认 14

自定义本地 svg 图标

  • 图标组件基于 svg 封装
  • 图标组件已在全局引入,直接使用即可,示例如下:
<svg-icon name='menu' prefix="icon" color='#fff'></svg-icon>
  • 参数说明
    • name:图标名称,可在 src/assets/icons 文件夹下查找
    • prefix:图标的唯一标识前缀,默认值是 icon,可不传
    • color:图标的颜色,默认值#000,可不传