Popover 气泡卡片 ​

  <eb-space size="middle">
    <eb-popover title="操作确认" content="将把选中记录移入回收站，可在 30 天内恢复。" width="280">
      <eb-button>点击展示</eb-button>
    </eb-popover>
    <eb-popover content="悬停触发的气泡" trigger="hover" placement="top">
      <eb-button>悬停展示</eb-button>
    </eb-popover>
    <eb-popover content="聚焦时出现" trigger="focus" placement="right">
      <eb-button>聚焦展示</eb-button>
    </eb-popover>
  </eb-space>

  <eb-popover width="260" placement="bottom">
    <template #reference>
      <eb-button type="primary">自定义内容</eb-button>
    </template>
    <div style="display: flex; flex-direction: column; gap: 8px;">
      <eb-text strong>快捷操作</eb-text>
      <eb-button size="small" style="justify-content: flex-start;">导出 Excel</eb-button>
      <eb-button size="small" style="justify-content: flex-start;">导出 PDF</eb-button>
    </div>
  </eb-popover>

  <eb-space size="middle" style="flex-wrap: wrap">
    <eb-popover v-for="p in placements" :key="p" :content="`placement: ${p}`" :placement="p" trigger="hover">
      <eb-button size="small">{{ p }}</eb-button>
    </eb-popover>
  </eb-space>