ci-plus/src/dailog/read.md

ci组件库

## 注意

如果组件使用了append-to-body 属性将 弹窗提高到了body 的子项时，在本组件中的样式将不在生效，需要在App.vue或者其他高层级中设置 如下样式：

```css
body {
  .el-overlay {
    .el-overlay-dialog {
      .el-dialog {
        padding: 0 !important;
        .el-dialog__header {
          height: 35px !important;
          line-height: 35px !important;
          margin: 0 !important;
          padding: 0px !important;
          background-color: rgba(0, 0, 0, 0.1) !important;

          .my-header {
            display: flex;
            height: 35px;
            line-height: 35px;
            margin: 0 10px;
            .title {
              flex: 1;
              .el-dialog__title {
                margin: 0px !important;
                padding: 0px !important;
                height: 35px !important;
                line-height: 35px;
                margin: 0 !important;
                padding: 0 !important;
                text-align: left !important;
                font-weight: 700;
              }
            }
            .btn {
              max-width: 100px;
              display: flex;
              justify-content: flex-end;
              height: 35px;
              line-height: 35px;
              align-items: center;
            }
          }
        }

        // 内容区域
        .el-dialog__body {
          height: calc(100% - 65px);
          overflow: auto;
          .my-body {
            text-align: left;
          }
        }
      }
      .drag {
        position: absolute;
        width: 16px;
        height: 16px;
        bottom: 3px;
        // background: red;
        right: 3px;
        z-index: 999;
        border-radius: inherit;
        box-shadow: 2px 2px 0px -1px red;
        cursor: se-resize; // move:十字
      }
    }
  }

}
```

或者将本组件的样式文件中的#dia 去掉让样式变成全局样式