element ui dialog 居中

element ui dialog 默认不是居中的，加一点样式让它居中

<style lang="scss">
.el-dialog{
       display: flex;
       flex-direction: column;
       margin:0 !important;
       position:absolute;
       top:50%;
       left:50%;
       transform:translate(-50%,-50%);
   }
.el-dialog .el-dialog__body{
       flex:1;
       overflow: auto;
   }
</style>

这种样式可能会影响全局，增加一个外部的限定会好一些
外部限定的样式名称就随便取了

<style lang="scss">
.taskManage-container{
  .el-dialog{
        display: flex;
        flex-direction: column;
        margin:0 !important;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
  .el-dialog .el-dialog__body{
        flex:1;
        overflow: auto;
    }
}
</style>

注意如果弹窗el-dialog有加:append-to-body=”true”，增加外部样式的话作用会失效，因为弹窗就不在组件里边了，而是更外面去了。