element-ui的el-dialog主体滚动

思路：掌握max-height和overflow:auto的联合使用

一. 场景

element-ui的el-dialog的主体内容变多的时候，应该需要滚动条，所以解决方式：

1. 局部/全局设置样式；
2. el-dialog源码改造。

二. 解决方案

• 仅针对el-dialog__body的部分做处理,
• max-height：可以让内容少于自己限制的高度的时候,自己撑开,200px是自己自定义的
• 用法:

<el-dialog class="global-dialog"></el-dialog>

.global-dialog {
  .el-dialog__body {
    max-height: calc(100vh - 200px));
    overflow: auto;
  }
}

三. 效果图