ci-plus/src/dailog/style/index.less

ci组件库

#dia {
  .el-dialog {
    padding: 0 !important;
    // height: 100% !important;
    // max-height: calc(100% - 10vh);
    .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% - 45px);
      padding-bottom: 10px !important;
      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:十字
  }

  // .container {
  // 	width: 100px;
  // 	height: 100px;
  // 	// background-color: #ccc;
  // 	position: relative;
  // }
}

// 此处样式会全局生效
// .el-dialog {
//   padding: 0 !important;
//   // height: 100% !important;
//   // max-height: calc(100% - 10vh);
//   .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% - 45px);
//     padding-bottom: 10px !important;
//     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:十字
}