Icon 图标
用于显示图标的组件,支持自定义图片和 Iconify 图标库。
推荐使用方式
推荐直接使用 icon
属性传入 Iconify 图标名称,这是最简单和高效的使用方式。
基础用法
使用 icon 属性
直接通过 icon
属性传入 Iconify 图标名称,这是最简单的使用方式。
使用 Iconify 图标组件
也可以通过插槽使用 Iconify 图标组件,适合需要更多控制的场景。
自定义图片
使用 src
属性指定图片地址。
尺寸
使用 size
属性设置图标大小。
颜色
使用 color
属性设置图标颜色。
插槽内容
当没有指定 icon
或 src
时,可以使用插槽自定义内容。推荐使用 emoji 或其他文本内容,而不是 Iconify 组件。
API
Icon Props
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
icon | string | — | Iconify 图标名称 |
src | string | — | 自定义图标 URL 或路径 |
size | string | number | '1em' | 图标大小 |
color | string | 'currentColor' | 图标颜色 |
customClass | string | — | 自定义类名 |
customStyle | string | object | — | 自定义样式 |
Icon Slots
名称 | 说明 |
---|---|
default | 自定义图标内容,推荐使用 emoji 或其他文本内容,而不是 Iconify 组件 |