用div包着modal,赋予ref属性,定义class就可以使用/deep/修改样式了
使用官方文档的API:getContainer
<div class="modalSty" ref="refModel">
<a-modal
title="Title"
:visible="visible"
:confirm-loading="confirmLoading"
:getContainer="() => $refs.refModel"
@ok="handleOk"
@cancel="handleCancel"
>
</a-modal>
</div>
<style lang="less" scoped>
/deep/.modalSty .ant-modal-header {
background-color: #1890ff;
height: 40px;
}
/deep/.modalSty .ant-modal-title {
color: #fff;
font-size: 15px;
line-height: 5px;
}
/deep/.modalSty .ant-modal-close-x {
width: 40px;
height: 40px;
color: #fff;
line-height: 40px;
}
</style>