图标
组件介绍
SvgIcon 是 SVG 图标组件,可以使用本地 SVG 文件,也可以使用网络中的图标资源。
使用本地资源:将 SVG 文件保存到
/src/assets/icons/svg
目录下,SvgIcon 的 name 属性值使用文件名即可,不需要文件后缀。使用网络资源:使用网络资源图标中的 xx:xx 格式图标标识,作为SvgIcon 的 name 属性值即可。
提示
可以将SvgIcon
组件放到el-icon
的插槽中使用,通过el-icon
的属性设置图标的颜色及尺寸。
<el-icon color="#fc5531" :size="16">
<SvgIcon name="ep:home-filled"/>
</el-icon>
属性
属性名 | 描述 | 默认值 |
---|---|---|
perfix | 前缀 | 'icon' |
name | 图标名称 |