2022-01-02

king

2022-01-02 bde2916433c7830e2879e6524e32b9f6c8bd0bab

 src/assets/css/viewstyle.scss

@@ -33,11 +33,8 @@
      button.vercode {
        color: $color6;
      }
      .ant-tabs {
        .ant-tabs-tab.ant-tabs-tab-active {
          color: $color6;
        }
        .ant-tabs-tab:hover {
      .login-way-wrap {
        .login-way.active, .login-way:hover {
          color: $color6;
        }
      }
@@ -53,6 +50,19 @@
    }
  }

  .menu-board {
    .menu-wrap {
      .title {
        color: $color6;
      }
      .menu-detail {
        div:hover {
          color: $color5;
        }
      }
    }
  }

  #root > .mk-main-view {
    > .header-container {
      background: $bg1;
@@ -62,7 +72,7 @@
      .header-setting span {
        color: $font1;
      }
      > .header-collapse i {
      > .header-collapse .anticon {
        color: $font1;
      }
      > .header-menu {
@@ -153,41 +163,7 @@
          }
        }
      }
      .normal-data-table, .normal-custom-table {
        table {
          .ant-table-tbody {
            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
              background-color: $color1;
            }
            > tr.ant-table-row-selected:not(.background) td {
              background-color: $color1;
            }
            > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort {
              background-color: $color1;
            }
            > tr.mk-row-active:not(.background) td {
              background-color: $color3;
            }
            > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort {
              background-color: $color3;
            }
          }
        }
      }
      .top-search {
        >.ant-row {
          .ant-col.search-button {
            .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus {
              color: $color7;
              border-color: $color7;
            }
            .ant-btn-primary {
              background-color: $color6;
              border-color: $color6;
            }
          }
        }
      }

      .ant-tabs-nav .ant-tabs-tab-active {
        color: $color6;
      }
@@ -200,52 +176,141 @@
      .ant-tabs-nav .ant-tabs-tab:hover {
        color: $color5;
      }
      .ant-pagination {
        .ant-pagination-item-active {
          border-color: $color6;
          a {
            color: $color6;
          }
        }
        .ant-pagination-item:hover a {
          color: $color6;
        }
        .ant-pagination-prev:hover .ant-pagination-item-link {
          color: $color6;
        }
        .ant-pagination-next:hover .ant-pagination-item-link {
          color: $color6;
    }
    >.mk-breadview-wrap {
      >.ant-breadcrumb {
        .anticon-redo:hover, .anticon-home:hover {
          color: $color5;
        }
      }
    }
  }
  .custom-data-card-box, .custom-prop-card-box {
    .data-zoom.radio .card-row-list > .ant-col:not(.active):not(.selected):hover > .card-item-box, .data-zoom.checkbox .card-row-list > .ant-col:not(.active):not(.selected):hover > .card-item-box {
      border-color: $color4 !important;
      box-shadow: 0 0 4px $color4 !important;
    }
    .card-row-list.radio, .card-row-list.checkbox {
      >.ant-col:not(.active):not(.selected):hover {
        >.card-item-box {
    .data-zoom.radio.active, .data-zoom.checkbox.active {
      .mk-card:not(.active):not(.selected):hover {
        > .card-item-box {
          border-color: $color4 !important;
          box-shadow: 0 0 4px $color4 !important;
        }
      }
      .mk-card.active {
        > .card-item-box {
          border-color: $color6!important;
          box-shadow: 0 0 4px $color6!important;
        }
      }
      .mk-card.selected {
        > .card-item-box {
          border-color: $color4!important;
          box-shadow: 0 0 4px $color4!important;
        }
      }
    }
    .card-row-list {
      >.active >.card-item-box {
        border-color: $color6!important;
        box-shadow: 0 0 4px $color6;
    .data-zoom.radio.backFont, .data-zoom.checkbox.backFont {
      .mk-card:hover, .mk-card.active, .mk-card.selected {
        > .card-item-box {
          border-color: $color6!important;
          background-color: $color1!important;
          .ant-mk-text, .ant-mk-date {
            color: $color6;
          }
        }
      }
      >.selected >.card-item-box {
        border-color: $color4!important;
        box-shadow: 0 0 4px $color4;
    }
    .data-zoom.radio.font, .data-zoom.checkbox.font {
      .mk-card:hover, .mk-card.active, .mk-card.selected {
        > .card-item-box {
          border-color: $color6!important;
          .ant-mk-text, .ant-mk-date {
            color: $color6;
          }
        }
      }
    }
  }
  .normal-group-wrap {
    .print-button:hover, .print-button:focus, .print-button:active {
      color: $color5;
    }
  }
  // 搜索栏
  .top-search {
    >.ant-row {
      .ant-col.search-button {
        .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link).active, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover, .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus {
          color: $color7;
          border-color: $color7;
        }
        .ant-btn-primary {
          background-color: $color6;
          border-color: $color6;
        }
        .ant-btn-link {
          color: $color6;
        }
      }
    }
    .advanced-list {
      .advance-value {
        color: $color6;
      }
    }
  }
  // 表格
  .normal-data-table, .normal-custom-table {
    table {
      .ant-table-tbody {
        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
          background-color: $color1;
        }
        > tr.ant-table-row-selected:not(.background) td {
          background-color: $color1;
        }
        > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort {
          background-color: $color1;
        }
        > tr.mk-row-active:not(.background) td {
          background-color: $color3;
        }
        > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort {
          background-color: $color3;
        }
      }
    }
  }
  // 弹窗按钮
  .popview-modal {
    .ant-modal-footer {
      .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus {
        color: $color7;
        border-color: $color7;
      }
    }
  }
  // 表单弹窗
  .action-modal {
    .ant-modal-footer {
      .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus {
        color: $color7;
        border-color: $color7;
      }
      .ant-btn-primary {
        background-color: $color6;
        border-color: $color6;
      }
    }
  }
  // 是否框
  .ant-modal-confirm-confirm {
    .ant-modal-confirm-btns {
      .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus {
        color: $color7;
        border-color: $color7;
      }
      .ant-btn-primary {
        background-color: $color6;
        border-color: $color6;
      }
    }
  }

@@ -255,6 +320,19 @@
  }
  .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: $color1;
  }
  // 单选框
  .ant-radio-checked .ant-radio-inner {
    border-color: $color6;
  }
  .ant-radio-checked::after {
    border: 1px solid $color6;
  }
  .ant-radio-inner::after {
    background-color: $color6;
  }
  .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
    border-color: $color6;
  }
  // 复选框
  .ant-checkbox-checked .ant-checkbox-inner {
@@ -307,6 +385,80 @@
  .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: $color5;
  }
  // 分页
  .ant-pagination {
    .ant-pagination-item-active {
      border-color: $color6;
      a {
        color: $color6;
      }
    }
    .ant-pagination-item:hover a {
      color: $color6;
    }
    .ant-pagination-prev:hover .ant-pagination-item-link {
      color: $color6;
    }
    .ant-pagination-next:hover .ant-pagination-item-link {
      color: $color6;
    }
  }
  // 表格排序图标
  .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
    color: $color6;
  }
  .mk-water-mark {
    color: $color4;
  }
  .mk-form-split-line {
    color: $color6;
  }
  .system-color {
    color: $color6;
  }
  .ant-timeline.system {
    .ant-timeline-item-tail {
      border-color: $color2;;
    }
  }
  .custom-tab-form-box .mk-normal-form-title.mkbtn {
    .form-title {
      color: $color6;
      border-color: $color6;
    }
    .form-title.active {
      background: $color6;
      color: #ffffff;
    }
  }
  .ant-input-search .ant-input-group-addon .ant-input-search-button {
    background-color: $color6;
    border-color: $color6;
  }
  .ant-modal-wrap .ant-modal-footer, .ant-drawer .ant-drawer-footer {
    .ant-btn:not(.ant-btn-primary):hover {
      color: $color6;
      border-color: $color6;
    }
    .ant-btn-primary {
      background-color: $color6;
      border-color: $color6;
    }
  }
  .ant-carousel {
    .slick-dots {
      >li {
        button {
          background-color: $color3;
        }
      }
      >li.slick-active {
        button {
          background-color: $color6;
        }
      }
    }
  }
}

body.hidden-split-line #root { // 去除登录页分割线