ant-design组件a-modal对话框两条横线

因为 element-ui的 el-dialog不好实现对话框垂直居中，所以使用 ant-design带 centered属性可实现居中

但是 a-modal会有两条上下的横线、如下图：

image-20211015182137559
<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一样的效果且又能简单的实现水平垂直居中

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容