2022-10-04

king

2022-10-04 41c55c1f103658b997f7a828a7067bdb228f1df0

 src/assets/css/main.scss

@@ -123,15 +123,18 @@
}

// 重置时间插件时间滚动条
.ant-calendar-time-picker-select:hover::-webkit-scrollbar {
  width: 7px;
.ant-calendar-time-picker-select {
  overflow-y: auto!important;
}
.ant-calendar-time-picker-select:hover::-webkit-scrollbar-thumb {
.ant-calendar-time-picker-select::-webkit-scrollbar {
  width: 6px;
}
.ant-calendar-time-picker-select::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
  background: rgba(0, 0, 0, 0.13);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.08);
}
.ant-calendar-time-picker-select:hover::-webkit-scrollbar-track {
.ant-calendar-time-picker-select::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.07);
@@ -163,7 +166,7 @@
  width: 100%;
  display: inline-block;
  .ant-calendar-picker {
    width: 100%;
    width: 100%!important;
  }
}
.ant-calendar-picker-container {
@@ -261,28 +264,28 @@
  }
}

.ant-modal.popview-modal {
  top: 70px;
  .ant-modal-body {
    min-height: 200px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
  }
  .ant-modal-body::-webkit-scrollbar {
    width: 7px;
  }
  .ant-modal-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
    background: rgba(0, 0, 0, 0.13);
  }
  .ant-modal-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(0, 0, 0, 0);
  }
}
// .ant-modal.popview-modal {
//   top: 70px;
//   .ant-modal-body {
//     min-height: 200px;
//     max-height: calc(100vh - 210px);
//     overflow-y: auto;
//   }
//   .ant-modal-body::-webkit-scrollbar {
//     width: 7px;
//   }
//   .ant-modal-body::-webkit-scrollbar-thumb {
//     border-radius: 5px;
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
//     background: rgba(0, 0, 0, 0.13);
//   }
//   .ant-modal-body::-webkit-scrollbar-track {
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
//     border-radius: 3px;
//     border: 1px solid rgba(0, 0, 0, 0.07);
//     background: rgba(0, 0, 0, 0);
//   }
// }
.ant-modal-wrap.popview-modal {
  .ant-modal {
    top: 70px;
@@ -307,6 +310,7 @@
    background: rgba(0, 0, 0, 0);
  }
}

// 设置模态框样式，规定最大最小高度，重置滚动条
.action-modal {
  .ant-modal {
@@ -349,7 +353,7 @@
    }
    .mk-popover-control {
      white-space: nowrap;
      i {
      i, span.anticon {
        padding: 5px 8px;
        cursor: pointer;
        font-size: 16px;
@@ -412,16 +416,82 @@
  transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1)!important;
}

.ant-progress-status-success .ant-progress-text {
  color: rgba(0, 0, 0, 0.45)!important;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: rgba(0, 0, 0, 0.65)!important;
.ant-progress-line.square {
  .ant-progress-inner {
    border-radius: 0;
    .ant-progress-bg {
      border-radius: 0;
    }
  }
}

// .ant-table.ant-table-mini .ant-table-thead > tr > th {
//   padding: 8px 4px;
// }
// .ant-table.ant-table-mini .ant-table-tbody > tr > td {
//   padding: 4px 4px;
// }
.mk-form-tip {
  color: #c49f47;
  margin-right: 3px;
}

div.ant-input-number {
  width: 100%;
}

.ant-progress {
  .ant-progress-circle-trail {
    stroke: inherit!important;
  }
  .ant-progress-text {
    color: inherit!important;
  }
}
.ant-table.ant-table-mini .ant-table-thead > tr > th {
  padding: 8px 8px!important;
}
.ant-table.ant-table-mini .ant-table-tbody > tr > td {
  padding: 2px 8px!important;
  line-height: 1.5;
}
.mk-date-picker.minute {
  .ant-calendar-time-picker-combobox {
    .ant-calendar-time-picker-select {
      width: 50%;
    }

    >.ant-calendar-time-picker-select:last-child {
      display: none;
    }
  }
}
.mk-date-picker.hour {
  .ant-calendar-time-picker-combobox {
    .ant-calendar-time-picker-select {
      width: 100%;
    }

    >.ant-calendar-time-picker-select:not(:first-child) {
      display: none;
    }
  }
}
.mk-button-progress {
  position: fixed!important;
  top: 0px;
  left: 0px;
  z-index: 1100;
  width: 100vw!important;
  .ant-progress-outer {
    .ant-progress-inner {
      vertical-align: top;
      background-color: transparent;
      .ant-progress-bg {
        height: 4px!important;
        background-color: var(--mk-sys-color);
      }
    }
  }
}

.video-wrap {
  overflow: hidden;
  .video-react .video-react-poster {
    background-size: cover;
  }
}