Appearance
Icon 图标
用于展示内置 iconfont 图标,支持尺寸、颜色、旋转和可点击指针样式。
示例
基础用法
通过 name 使用内置图标,点击图标列表可复制组件代码。
样式控制
使用 size、color、rotate 控制图标样式,使用 clickable 显示可点击指针样式。
API
Props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| name | 图标名称,需要传入内置图标类名,如 icon-baocun | string | 必填 |
| size | 图标大小 | number | 'inherit' | 'inherit' |
| color | 图标颜色 | string | 'inherit' |
| rotate | 旋转角度,单位为 deg | number | 0 |
| clickable | 是否显示可点击指针样式 | boolean | false |
Events
该组件无自定义事件。
Slots
该组件无插槽。
Exposes
该组件无 Exposes 暴露。
注意事项
name需传入组件库内置 iconfont 中存在的图标类名(如icon-baocun),未匹配时不显示对应图标。- 图标应与文本语义一致,避免只依赖图标表达关键操作。
clickable只改变指针样式,不会自动绑定点击逻辑;可点击图标建议提供足够的点击区域和可访问名称。