因为 element-ui的 el-dialog不好实现对话框垂直居中,所以使用 ant-design带 centered属性可实现居中
但是 a-modal会有两条上下的横线、如下图:
<style scoped less>
/* 设置a-modal弹出框去除两条横线 */
::v-deep .ant-modal-content .ant-modal-header {
border-bottom: none !important;
}
::v-deep .ant-modal-content .ant-modal-footer {
border-top: none !important;
}
</style>
这样就能实现和 el-dialog一样的效果且又能简单的实现水平垂直居中