关于antd中popover气泡卡片deep修改样式不生效问题

今儿写代码的时候遇到的一个问题：
原是因为使用气泡组件出现的定位位置不对，查出是因为全局上写了一个zoom属性，但是这个zoom属性因为在其他组件上使用了不能动，所以考虑修改气泡组件的样式来自定义位置。利用deep修改样式后发现样式不生效，后查询获得解决方法。

---

–> 因popover是将代码渲染到body中的。
直接使用/deep/ .ant-popover{}修改样式效果显示为无效，解决方法有二：

1. style标签中去除scoped，ant-popover前面去除/deep/即可生效。
   缺点：但是这种方法因为没有scoped会导致该style中的样式在其他页面也会生效，如果你这个界面中的样式利用率低，可以使用。
2. 添加:getPopupContainer=“triggerNode => { return triggerNode.parentNode; }”。
   设置浮层渲染父节点，默认渲染到body上

<a-popover placement="bottom" 
:getPopupContainer="triggerNode => { return triggerNode.parentNode; }">

此时在style中即使有scoped，使用deep也可以生效。