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);
}

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

上一篇:百学习


下一篇:数据清洗之重复值与缺失值的处理