因為 element-ui的 el-dialog不好實現(xiàn)對話框垂直居中，所以使用 ant-design帶 centered屬性可實現(xiàn)居中

但是 a-modal會有兩條上下的橫線、如下圖：

image-20211015182137559

<style scoped less>
     /* 設(shè)置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>

這樣就能實現(xiàn)和 el-dialog一樣的效果且又能簡單的實現(xiàn)水平垂直居中