给反馈
气泡卡片
Popover
「点一下贴边弹出的卡」「带箭头的小气泡」「按钮下面的小面板」「点空白就关的弹层」「挨着按钮的弹出框」「小型弹窗卡片」「点击出现的小菜单」
LIVE DEMO真实可交互，动手试试
- 英文名
- Popover
- 别名 · 俗称
- 弹出卡片气泡面板点击弹出层shadcn: Popover
- Web 叫法
- Popover
- 大白话定义
- 点某个元素后贴着它弹出的小卡片，能放表单和列表，点别处就关掉。
- 部位拆解
- 触发物 Trigger点它弹出的按钮或图标
- 气泡卡片 Content带箭头的小面板，能装表单和列表
- 小箭头 Arrow指向触发物，标明从哪弹出来的
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
点「筛选」按钮弹出气泡卡片（Popover）：内含日期选择和状态复选框，点卡片外自动关闭
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的气泡卡片（Popover）。逐一排除：贴视口边缘时不自动翻转，气泡被裁掉一半；页面滚动后气泡不跟随触发物，定位没自动更新；outside click 没监听，点气泡外不关闭；触发元素卸载后气泡还挂在页面上。症状是：