123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- .cip-dialog__wrapper{
- &.el-dialog{
- .el-dialog__header{
- box-sizing: border-box;
- margin: unset; // element-plus 默认有个margin-right: 16px;
- border-bottom: 1px solid #ddd;
- display: flex;
- align-items: center;
- .el-dialog__mainTitle {
- margin-right: 20px;
- }
- .el-dialog__subTitle {
- font-size: 14px;
- font-weight: 400;
- color: var(--el-text-color-regular);;
- }
- }
- .el-dialog__body{
- max-height: 60vh;
- overflow-y: auto;
- overflow-x: hidden;
- //padding-bottom: 12px;
- box-sizing: border-box;
- padding: 24px 24px 8px; // 基本为使用表格的情况,表格会有16px的下外边距 [ui规范使用24px]
- }
- &.cip-dialog--show-only{
- .el-dialog__body{
- padding-bottom: 24px; // 只读弹窗的padding bottom 设置为24px
- }
- }
- .el-dialog__footer{
- //border-top: 1px solid #ddd; [UI标准不需要这个线]
- padding: 16px 24px;
- }
- }
- &.is-fullscreen.el-dialog{
- .el-dialog__body{
- box-sizing: border-box;
- height: calc(100% - 55px - 63px);
- max-height: calc(100% - 55px - 63px); // header 55px footer 63px
- }
- }
- }
|