Icon 图标

语义化的矢量图形

何时使用

需要使用图形来对基础操作功能进行隐喻呈现,给予用户正确、友好且清晰的操作指引

代码示例

基本使用

属性

属性类型必填默认值说明
typestring-icon 图标的类型
size'x-small' | 'small' | 'medium' | 'large' | 'x-large''medium'icon 的大小,x-small(16)、small(32)、medium(48)、large(64)、x-large(128),
colorstring-icon 的颜色,即 CSS 中 color 属性的值
fontSizestring-icon 的大小
stopPropagationbooleanfalse是否阻止事件冒泡
classNamestring-类名

事件

事件名说明类型
onTap点击图标,触发此回调( e: Event ) => void

样式类

类名说明
amd-icon整体样式