css:修改antd vue中modal弹窗样式

css:修改antd vue中modal弹窗样式

默认支持modal宽度修改但是高度.ant-modal-body，默认不支持修改，同理padding也不允许修改，所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式。

这样不会影响到别的页面中modal中的样式。

关键点：ref="mymodal" , :getContainer = '()=>$refs.mymodal' , div /deep/ .ant-modal-body{ }

示例如下：

<template>
 <div class="cumuDownModal" ref="mymodal">
   <a-modal :visible="visible" :getContainer = '()=>$refs.mymodal'>
     <div>hahahh</div>
   </a-modal>
 </div>
</template>

<style lang="less" scoped>
div /deep/ .ant-modal-body{
 padding: 0;
}
</style>

参考：https://www.cnblogs.com/SunshineKimi/p/14690763.html