css:修改antd vue中modal弹窗样式
css:修改antd vue中modal弹窗样式默认支持modal宽度修改但是高度.ant-modal-body,默认不支持修改,同理padding也不允许修改,所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式。这样不会影响到别的页面中modal中的样式。<template><div class="cumuDownModal" ref=
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)