2022-01-02

king

2022-01-02 bde2916433c7830e2879e6524e32b9f6c8bd0bab

 src/assets/css/viewstyle.scss

@@ -186,41 +186,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;
      }
    }
  }