2021-11-25

king

2021-11-25 d9bfae49a5a7064c197f2ade36aec95ebeb49404

 src/assets/css/viewstyle.scss

@@ -38,9 +38,19 @@
          color: $color6;
        }
      }
      // .anticon-eye {
      //   color: $color6;
      // }
      .anticon-eye {
        color: #1890ff;
      }
      .ant-input:hover {
        border-color: #1890ff!important;
      }
      .ant-input:focus, .ant-input:active {
        border-color: #40a9ff;
        box-shadow: 0 0 0 2px #bae7ff;
      }
      .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
        border-color: #40a9ff;
      }
    }
    .login-bottom {
      color: $font1;
@@ -186,12 +196,14 @@
    }
  }
  .custom-data-card-box, .custom-prop-card-box {
    .data-zoom.radio .card-row-list > .ant-col:not(.active):not(.selected):not(.extend-card):hover > .card-item-box, .data-zoom.checkbox .card-row-list > .ant-col:not(.active):not(.selected):not(.extend-card):hover > .card-item-box {
      border-color: $color4 !important;
      box-shadow: 0 0 4px $color4 !important;
    .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;
      }
    }
    .card-row-list.radio, .card-row-list.checkbox {
      >.ant-col:not(.active):not(.selected):hover {
      >.ant-col:not(.active):not(.backFont):not(.font):not(.selected):hover {
        >.card-item-box {
          border-color: $color4!important;
          box-shadow: 0 0 4px $color4!important;
@@ -202,6 +214,19 @@
      >.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;
        }
      }
      >.font >.card-item-box {
        border-color: $color6!important;
        .ant-mk-text {
          color: $color6;
        }
      }
      >.selected >.card-item-box {
        border-color: $color4!important;
@@ -296,91 +321,91 @@
  }

  // 系统样式修改
  // .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  //   background-color: $color1;
  // }
  // .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  //   background-color: $color1;
  // }
  // // 复选框
  // .ant-checkbox-checked .ant-checkbox-inner {
  //   background-color: $color6;
  //   border-color: $color6;
  // }
  // .ant-checkbox-checked::after {
  //   border: 1px solid $color6;
  // }
  // .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  //   background-color: $color6;
  // }
  // .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {
  //   border-color: $color6;
  // }
  // // 下拉框
  // .ant-select-selection:hover {
  //   border-color: $color5;
  // }
  // .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
  //   border-color: $color5;
  //   box-shadow: 0 0 0 2px $color2;
  // }
  // // 切换
  // .ant-switch-checked {
  //   background-color: $color6;
  // }
  // // 输入框
  // .ant-input:hover {
  //   border-color: $color5;
  // }
  // .ant-input:focus, .ant-input:active {
  //   border-color: $color5;
  //   box-shadow: 0 0 0 2px $color2;
  // }
  // .ant-input-number-focused {
  //   border-color: $color5;
  //   box-shadow: 0 0 0 2px $color2;
  // }
  // .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active, .ant-input-number-input:hover, .ant-input-number-input:focus, .ant-input-number-input:active, .ant-input-number-focused:hover, .ant-input-number-focused:focus, .ant-input-number-focused:active {
  //   border-color: $color5;
  // }
  // .ant-input-number:focus, .ant-input-number:active {
  //   box-shadow: 0 0 0 2px $color2;
  // }
  // .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  //   border-color: $color5;
  // }
  // // 日历
  // .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  //   border-color: $color5;
  // }
  .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: $color1;
  }
  .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: $color1;
  }
  // 复选框
  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: $color6;
    border-color: $color6;
  }
  .ant-checkbox-checked::after {
    border: 1px solid $color6;
  }
  .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: $color6;
  }
  .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: $color6;
  }
  // 下拉框
  .ant-select-selection:hover {
    border-color: $color5;
  }
  .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
    border-color: $color5;
    box-shadow: 0 0 0 2px $color2;
  }
  // 切换
  .ant-switch-checked {
    background-color: $color6;
  }
  // 输入框
  .ant-input:hover {
    border-color: $color5;
  }
  .ant-input:focus, .ant-input:active {
    border-color: $color5;
    box-shadow: 0 0 0 2px $color2;
  }
  .ant-input-number-focused {
    border-color: $color5;
    box-shadow: 0 0 0 2px $color2;
  }
  .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active, .ant-input-number-input:hover, .ant-input-number-input:focus, .ant-input-number-input:active, .ant-input-number-focused:hover, .ant-input-number-focused:focus, .ant-input-number-focused:active {
    border-color: $color5;
  }
  .ant-input-number:focus, .ant-input-number:active {
    box-shadow: 0 0 0 2px $color2;
  }
  .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: $color5;
  }
  // 日历
  .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;
  // }
  .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;
  }