2022-01-21

king

2022-01-21 46f79b491173d284a4900d19e7aecf7509481438

 src/assets/css/viewstyle.scss

@@ -82,7 +82,7 @@
      .header-setting span {
        color: $font1;
      }
      > .header-collapse i {
      > .header-collapse .anticon {
        color: $font1;
      }
      > .header-menu {
@@ -196,41 +196,45 @@
    }
  }
  .custom-data-card-box, .custom-prop-card-box {
    .data-zoom.radio, .data-zoom.checkbox {
      .card-row-list > .ant-col:not(.active):not(.backFont):not(.font):not(.selected):not(.extend-card):hover > .card-item-box {
        border-color: $color4 !important;
        box-shadow: 0 0 4px $color4 !important;
    .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;
        }
      }
    }
    .card-row-list.radio, .card-row-list.checkbox {
      >.ant-col:not(.active):not(.backFont):not(.font):not(.selected):hover {
        >.card-item-box {
      .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!important;
      }
      >.backFont >.card-item-box {
        border-color: $color6!important;
        background-color: $color1!important;
        .ant-mk-text {
          color: $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;
          }
        }
      }
      >.font >.card-item-box {
        border-color: $color6!important;
        .ant-mk-text {
          color: $color6;
    }
    .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;
          }
        }
      }
      >.selected >.card-item-box {
        border-color: $color4!important;
        box-shadow: 0 0 4px $color4!important;
      }
    }
  }