Vue3 使用 ant design vue组件更改modal样式
antd中大部分组件的样式都可以使用:deep直接修改,但modal组件不行
方法:
1.在外部包一个div ref=“globalModal”
2.调用getContainer api 是指定 Modal 挂载的 HTML 节点 :getContainer=“() => orderModal”
3.利用:deep 对于css进行样式更改
orderModalRef ">
关闭
:deep(.ant-modal .ant-modal-footer){
display:flex;
justify-content: center;
}