Tooltip 文字提示 / Popover 气泡卡片 / Popconfirm 确认框 / Dropdown 下拉菜单
Tooltip
鼠标悬浮显示文字提示。
vue
<ATooltip content="提示文字">
<AButton>悬浮查看</AButton>
</ATooltip>| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| content | string | '' | 提示内容 |
| placement | 'top'|'bottom'|'left'|'right' | 'top' | 位置 |
Popover
点击或悬浮触发气泡卡片。
vue
<APopover title="标题" trigger="click">
<template #trigger><AButton>点击</AButton></template>
气泡内容
</APopover>Popconfirm
气泡确认框。
vue
<APopconfirm title="确定删除？" @confirm="handleDelete">
<AButton type="error">删除</AButton>
</APopconfirm>Dropdown
下拉菜单。
vue
<ADropdown :options="options" @select="handleSelect">
<AButton>下拉菜单</AButton>
</ADropdown>| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| options | DropdownOption[] | [] | 菜单项 |
| trigger | 'click'|'hover' | 'click' | 触发方式 |