Popover气泡卡片
Popover与tooltip类似,具有很多相同配置,不同点是Popover以卡片的形式承载了更多的内容,比如链接、表格、按钮等。
基本 < />
Hover me

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

最简单的用法,浮层的大小由内容区域决定。
                                            
                                        
位置 < />
上左

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

上面

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

上右

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

左上

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

右上

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

左边

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

右边

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

左下

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

右下

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

下左

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

下边

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

下右

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

组件提供了12个不同的方向显示。
                                            
                                        
自动换行 < />
长文本

提示标题

提示内容提示内容提示内容提示内容提示内容提示内容

设置属性宽度,当超出最大值后,文本自动换行,并两端对齐。
                                                
                                            
三种触发方式 < />
Hover me

提示标题

提示内容

Click me

提示标题

提示内容

提示标题

提示内容

支持三种触发方式:鼠标悬停、点击、聚焦。默认是点击。
                                                    
                                                
箭头指向 < />
边缘对齐

提示标题

提示内容

箭头指向中心

提示标题

提示内容

设置属性后,箭头将指向目标元素中心。
                                                            
                                                        
嵌套复杂内容 < />
Click 激活
名称 发布时间 剩余时间 购买时间
名称 发布时间 剩余时间 购买时间
名称 发布时间 剩余时间 购买时间
可以嵌套多种类型信息,一下为嵌套表格的例子。
                                                                
                                                            
确认框 < />
删除

您确认删除这条内容吗?

通过设置属性开启确认框模式,可以嵌套操作,确认框只会以点击的形式激活。