Skip to content

Icon 图标

用于展示内置 iconfont 图标,支持尺寸、颜色、旋转和可点击指针样式。

示例

基础用法

通过 name 使用内置图标,点击图标列表可复制组件代码。

样式控制

使用 sizecolorrotate 控制图标样式,使用 clickable 显示可点击指针样式。

API

Props

属性名说明类型默认值
name图标名称,需要传入内置图标类名,如 icon-baocunstring必填
size图标大小number | 'inherit''inherit'
color图标颜色string'inherit'
rotate旋转角度,单位为 degnumber0
clickable是否显示可点击指针样式booleanfalse

Events

该组件无自定义事件。

Slots

该组件无插槽。

Exposes

该组件无 Exposes 暴露。

注意事项

  • name 需传入组件库内置 iconfont 中存在的图标类名(如 icon-baocun),未匹配时不显示对应图标。
  • 图标应与文本语义一致,避免只依赖图标表达关键操作。
  • clickable 只改变指针样式,不会自动绑定点击逻辑;可点击图标建议提供足够的点击区域和可访问名称。