点击/鼠标移入元素,弹出气泡式的卡片浮层。
当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户的操作行为进行展现。
和 Tooltip
的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容,比如链接或按钮等。
最简单的用法。
鼠标移入、聚集、点击。
位置有十二个方向
使用nzVisible
属性控制浮层显示
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
nzPlacement | 气泡框位置,可选
top left right bottom topLeft topRight
bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
|
String | top |
nzTemplate | 用于定义Content内容 | ng-template | |
nzVisible | 用于手动控制浮层显隐 双向绑定 | Boolean | false |
nzVisibleChange | 显示隐藏的回调 | EventEmitter | 无 |
nzTrigger | 触发行为,可选 hover/focus/click
|
String | hover |
nzOverlayClassName | 卡片类名 | String | 无 |
nzOverlayStyle | 卡片样式 | object | 无 |