docs_vue2/one/docs/components/icon.md
2020-08-13 11:47:56 +08:00

1.3 KiB

Icon 图标

:::tip VEUI 的 Icon 组件目前兼容 Vue-Awesome 的方式注册并通过字符串类型的 name 属性指定图标;也支持直接传入组件定义进行渲染。 :::

示例

API

属性

名称 类型 默认值 描述
name string - 图标名称或其组件定义。
label string - 图标的文字说明,对辅助设备可见。当不设置时,图标对辅助设备隐藏。
scale number - 图标尺寸倍数。不设置时相当于 1
spin boolean false 是否保持旋转状态。
pulse boolean false 是否保持步进旋转状态。
inverse boolean false 是否翻转颜色(用白色绘制,用于深色背景)。
flip string - 是否翻转,可选值为 'horizontal'/'vertical',分别表示水平翻转与垂直翻转。

:::warning 当 name 属性使用组件定义时,仅支持 spin 属性。 :::

插槽

名称 描述
default 用来实现图标堆叠,当内部有 Icon 子组件时会层叠在一起居中显示,且外部 Icon 组件不需要设置 name 属性。