覆盖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);
}
Ant Design Vue Drawer组件 样式覆盖的问题