Ant Design Vue Drawer组件 样式覆盖的问题
时间:2021-07-06 23:32:16
收藏:0
阅读:265
覆盖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); }
原文:https://www.cnblogs.com/Webzhoushifa/p/14978704.html
评论(0)