Skip to content

HoverCard 悬浮卡片

触发式的辅助信息浮层面板。

基础用法

它与 Popover 气泡框极为相似,但采用 mouseenter 事件代替点击触发。由于无需主动点击,非常适合在列表项或者超链接上展示大面积的富文本预览,比如用户数据分析、社交名片卡。

loading

API

Props

属性类型默认值说明
placement'top' | 'bottom' | 'left' | 'right''bottom'悬浮卡片相对重心的抛掷位置。
widthstring | number''卡片的固定宽度(带阴影)。
openDelaynumber200鼠标进入经过多少毫秒后才显示挂件。
closeDelaynumber300鼠标移出经过经过多少毫秒才毁灭挂件。

Slots

名称说明
default供鼠标寻找停泊点的触发区域。
content重装装甲浮层内部需要渲染的核心区块。

MIT License