<a-popover/>气泡卡片组件样式调整

597 阅读1分钟

设置气泡卡片组件打开之后,设置其高度。

  1. 参考地址: blog.csdn.net/weixin_5057…
  2. 为气泡卡片组件所在容器设置id或者class,防止全局污染,因为设置为scoped方式不起作用。
  3. 为气泡卡片组件设置overlayClassName属性

微信图片_20221101174725.png 4. 设置样式

<div class="popover-container">
    <a-popover overlayClassName="custom-popover">
        xxx
    </a-popover>
</div>
.popover-container{
    .custom-popover{
         .ant-popover-content{
            .ant-popover-inner{
              .ant-popover-inner-content{
                height: 440px !important;
                overflow: auto;
              }
            }
          }
          .ant-spin-container{
            height: 350px !important;
          }
    }
}