antd的placement自动计算
时间: 2024-04-18 11:32:02 浏览: 140
Ant Design (antd) 的 `placement` 属性可以自动计算弹出框的位置,以确保其在可见区域内进行合适的展示。
`placement` 属性可以接受以下值:
- `topLeft`: 弹出框位于目标元素的左上角
- `topCenter`: 弹出框位于目标元素的顶部中心
- `topRight`: 弹出框位于目标元素的右上角
- `bottomLeft`: 弹出框位于目标元素的左下角
- `bottomCenter`: 弹出框位于目标元素的底部中心
- `bottomRight`: 弹出框位于目标元素的右下角
- `leftTop`: 弹出框位于目标元素的左上角
- `leftCenter`: 弹出框位于目标元素的左侧中心
- `leftBottom`: 弹出框位于目标元素的左下角
- `rightTop`: 弹出框位于目标元素的右上角
- `rightCenter`: 弹出框位于目标元素的右侧中心
- `rightBottom`: 弹出框位于目标元素的右下角
antd 的 `placement` 属性会自动计算弹出框的位置,以确保其不会超出可见区域,并且尽可能地与目标元素对齐。
阅读全文