antd popover 位置不对
时间: 2023-10-18 20:55:06 浏览: 114
react-popover:完全控制的Popover组件
根据引用\[1\]中的代码,你使用了antd的Popover组件,并尝试通过定义overlayClassName来修改样式。然而,你发现定义了className没有起作用。原因是antd的Popover组件不支持className属性,而是使用overlayClassName来定义样式。你可以将className改为overlayClassName来解决这个问题。
另外,根据引用\[2\]中的代码,你提到antd popover的位置不对。为了解决这个问题,你可以尝试添加高度和宽度来调整popover的大小和位置。你可以在overlayStyle属性中添加样式,例如设置宽度为208.34px,高度为267px。或者在slot="content"下的元素中添加高度和宽度来调整popover的位置。
综上所述,你可以通过修改overlayClassName来定义样式,并通过添加高度和宽度来调整antd popover的位置。
#### 引用[.reference_title]
- *1* [antd popOver组件样式修改当前页面样式](https://blog.csdn.net/sunzhen15896/article/details/116301731)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [antd Popover 气泡卡片,首次位置不对解决方法](https://blog.csdn.net/u014206461/article/details/120214793)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文