AppbarIcon 图标按钮

McAppbarIcon 是 Appbar 顶栏中的纯图标按钮，无文字，适合放在顶栏左侧作为工具栏操作图标。

基础用法

仅显示一个图标，适合返回、菜单等操作。

编辑器

<mc-appbar title="编辑器">
  <template #left>
    <mc-appbar-icon icon="mc-chevron-left" />
    <mc-appbar-icon icon="mc-menu" />
  </template>
</mc-appbar>

带 Tooltip

设置 tip 属性可在悬停时显示提示文本，帮助用户理解图标功能。

编辑器

返回

撤销

重做

<mc-appbar title="编辑器">
  <template #left>
    <mc-appbar-icon icon="mc-chevron-left" tip="返回" />
    <mc-appbar-icon icon="mc-undo" tip="撤销" />
    <mc-appbar-icon icon="mc-redo" tip="重做" />
  </template>
</mc-appbar>

禁用状态

设置 disabled 属性后图标不可点击，呈半透明显示。

编辑器

返回

撤销

<mc-appbar title="编辑器">
  <template #left>
    <mc-appbar-icon icon="mc-chevron-left" tip="返回" />
    <mc-appbar-icon icon="mc-undo" tip="撤销" disabled />
  </template>
</mc-appbar>

Props

名称	类型	默认	说明
icon	string	''	图标名称
disabled	boolean	false	是否禁用
tip	string	''	Tooltip 文本，非空则显示

Events

事件	参数	说明
click	MouseEvent	点击按钮（禁用时不触发）