首页 > 其他 > 详细

Ant Design Vue Drawer组件 样式覆盖的问题

时间:2021-07-06 23:32:16      阅读:265      评论:0      收藏:0      [点我收藏+]

覆盖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组件 样式覆盖的问题

原文:https://www.cnblogs.com/Webzhoushifa/p/14978704.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!