ant-design-vue 的 a-popopver 改变样式的方法

第一种：

可以使用 getPopupContainer

<a-popover placement="right" trigger="click"
  color="rgba(18, 26, 39, 0.6)"
  :getPopupContainer="triggerNode => {
    return triggerNode.parentNode
  }"
>

在 style 样式里面用：deep ( antd 的 class 名不知道的可以去浏览器定位 copy )

缺点：

deep 用得多，上下左右都有可能会用到；

当你的父元素用到了 overflow 属性时靠近父元素边框的 popover 组件会有部分隐藏，甚至会导致父元素撑大，撑出滚动条；

第二种：

给 popover 添加 overlayClassName 属性

<a-popover
  overlayClassName="screen-gantt-popover"
>

然后在 style 里面就可以正常写样式；

缺点：

该方法要去掉 scoped ，如果会影响到其他页面，慎重考虑；