Ant Design Vue Drawer組件 樣式覆蓋的問題

覆蓋Ant Design Vue Drawer組件的默認樣式

 1，在組件的html中設置wrapClassName="drawer-style"

<a-drawer
      :mask-style="{'background':'rgba(51, 51, 51, 0)'}"
      width="512px"
      placement="right"
      :closable="false"
      :visible="showRightBox"
      :get-container="false"
      :wrap-style="{ position: 'absolute' }"
      :destroyOnClose="true"
      wrapClassName="drawer-style"
      @close="
        showRightBox = false;
        chooseType = '';
        chooseComId = '';
        setComps = '';
      "
    >
...

</a-drawer>

2，輸入less覆蓋樣式（:global是關鍵）

:global(.drawer-style .ant-drawer-content) {
  background-color: rgba(255, 255, 255, 0);
}