2023-08-27

king

2023-08-27 da64ab0923bf8817fc8599a6e37b953ce38f64c8

 src/assets/css/viewstyle.scss

@@ -8,33 +8,7 @@
// color8  8阶色
// color9  9阶色
// color10 10阶色
@mixin viewstyle($color1, $color2, $color3, $color4, $color5, $color6, $color7) {
  #root > .mk-main-view {
    >.mk-tabview-wrap {
      >.content-header {
        >.ant-tabs {
          >.ant-tabs-bar {
            .ant-tabs-tab:hover {
              color: $color5;
            }
            .ant-tabs-tab.ant-tabs-tab-active {
              color: $color6;
            }
            .ant-tabs-ink-bar {
              background-color: $color6;
            }
          }
        }
      }
    }
    >.mk-breadview-wrap {
      >.ant-breadcrumb {
        .anticon-redo:hover, .anticon-home:hover {
          color: $color5;
        }
      }
    }
  }
@mixin viewstyle($color1, $color2, $color3, $color4, $color5, $color6) {
  .custom-data-card-box, .custom-prop-card-box {
    .data-zoom.radio.active, .data-zoom.checkbox.active {
      .mk-card:not(.active):not(.selected):hover {
@@ -106,34 +80,6 @@
      }
    }
  }
  .normal-group-wrap {
    .print-button:hover, .print-button:focus, .print-button:active {
      color: $color5;
    }
  }
  // 搜索栏
  .mk-search-wrap {
    >.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, .edit-custom-table {
    table {
@@ -156,34 +102,12 @@
      }
    }
  }
  // 弹窗按钮
  .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;
        color: $color6;
        border-color: $color6;
      }
      .ant-btn-primary {
        background-color: $color6;
@@ -199,7 +123,7 @@
    background-color: $color6;
  }
  .ant-tabs-nav .ant-tabs-tab:active {
    color: $color7;
    color: $color6;
  }
  .ant-tabs-nav .ant-tabs-tab:hover {
    color: $color5;
@@ -300,16 +224,6 @@
    color: $color6;
  }

  .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;
@@ -383,7 +297,7 @@
  --mk-sys-color3: #91d5ff;
  --mk-sys-color4: #69c0ff;
  --mk-sys-color5: #40a9ff;
  @include viewstyle(#e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff, #096dd9);
  @include viewstyle(#e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff);
}

body[class*='mk-red-'] {
@@ -393,7 +307,7 @@
  --mk-sys-color3: #ffa39e;
  --mk-sys-color4: #ff7875;
  --mk-sys-color5: #ff4d4f;
  @include viewstyle(#fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d, #cf1322);
  @include viewstyle(#fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d);
}

body[class*='mk-orange-red-'] {
@@ -403,7 +317,7 @@
  --mk-sys-color3: #ffbb96;
  --mk-sys-color4: #ff9c6e;
  --mk-sys-color5: #ff7a45;
  @include viewstyle(#fff2e8, #ffd8bf, #ffbb96, #ff9c6e, #ff7a45, #fa541c, #d4380d);
  @include viewstyle(#fff2e8, #ffd8bf, #ffbb96, #ff9c6e, #ff7a45, #fa541c);
}

body[class*='mk-orange-'] {
@@ -413,7 +327,7 @@
  --mk-sys-color3: #ffd591;
  --mk-sys-color4: #ffc069;
  --mk-sys-color5: #ffa940;
  @include viewstyle(#fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16, #d46b08);
  @include viewstyle(#fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16);
}

body[class*='mk-orange-yellow-'] {
@@ -423,7 +337,7 @@
  --mk-sys-color3: #ffe58f;
  --mk-sys-color4: #ffd666;
  --mk-sys-color5: #ffc53d;
  @include viewstyle(#fffbe6, #fff1b8, #ffe58f, #ffd666, #ffc53d, #faad14, #d48806);
  @include viewstyle(#fffbe6, #fff1b8, #ffe58f, #ffd666, #ffc53d, #faad14);
}

body[class*='mk-yellow-'] {
@@ -433,7 +347,7 @@
  --mk-sys-color3: #fffb8f;
  --mk-sys-color4: #fff566;
  --mk-sys-color5: #ffec3d;
  @include viewstyle(#feffe6, #ffffb8, #fffb8f, #fff566, #ffec3d, #fadb14, #d4b106);
  @include viewstyle(#feffe6, #ffffb8, #fffb8f, #fff566, #ffec3d, #fadb14);
}

body[class*='mk-yellow-green-'] {
@@ -443,7 +357,7 @@
  --mk-sys-color3: #eaff8f;
  --mk-sys-color4: #d3f261;
  --mk-sys-color5: #bae637;
  @include viewstyle(#fcffe6, #f4ffb8, #eaff8f, #d3f261, #bae637, #a0d911, #7cb305);
  @include viewstyle(#fcffe6, #f4ffb8, #eaff8f, #d3f261, #bae637, #a0d911);
}

body[class*='mk-green-'] {
@@ -453,7 +367,7 @@
  --mk-sys-color3: #b7eb8f;
  --mk-sys-color4: #95de64;
  --mk-sys-color5: #73d13d;
  @include viewstyle(#f6ffed, #d9f7be, #b7eb8f, #95de64, #73d13d, #52c41a, #389e0d);
  @include viewstyle(#f6ffed, #d9f7be, #b7eb8f, #95de64, #73d13d, #52c41a);
}

body[class*='mk-cyan-'] {
@@ -463,7 +377,7 @@
  --mk-sys-color3: #87e8de;
  --mk-sys-color4: #5cdbd3;
  --mk-sys-color5: #36cfc9;
  @include viewstyle(#e6fffb, #b5f5ec, #87e8de, #5cdbd3, #36cfc9, #13c2c2, #08979c);
  @include viewstyle(#e6fffb, #b5f5ec, #87e8de, #5cdbd3, #36cfc9, #13c2c2);
}

body[class*='mk-blue-purple-'] {
@@ -473,7 +387,7 @@
  --mk-sys-color3: #adc6ff;
  --mk-sys-color4: #85a5ff;
  --mk-sys-color5: #597ef7;
  @include viewstyle(#f0f5ff, #d6e4ff, #adc6ff, #85a5ff, #597ef7, #2f54eb, #1d39c4);
  @include viewstyle(#f0f5ff, #d6e4ff, #adc6ff, #85a5ff, #597ef7, #2f54eb);
}

body[class*='mk-purple-'] {
@@ -483,7 +397,7 @@
  --mk-sys-color3: #d3adf7;
  --mk-sys-color4: #b37feb;
  --mk-sys-color5: #9254de;
  @include viewstyle(#f9f0ff, #efdbff, #d3adf7, #b37feb, #9254de, #722ed1, #531dab);
  @include viewstyle(#f9f0ff, #efdbff, #d3adf7, #b37feb, #9254de, #722ed1);
}

body[class*='mk-magenta-'] {
@@ -493,7 +407,7 @@
  --mk-sys-color3: #ffadd2;
  --mk-sys-color4: #ff85c0;
  --mk-sys-color5: #f759ab;
  @include viewstyle(#fff0f6, #ffd6e7, #ffadd2, #ff85c0, #f759ab, #eb2f96, #c41d7f);
  @include viewstyle(#fff0f6, #ffd6e7, #ffadd2, #ff85c0, #f759ab, #eb2f96);
}

body[class*='mk-grass-green-'] {
@@ -503,7 +417,7 @@
  --mk-sys-color3: #d9d26c;
  --mk-sys-color4: #ccc845;
  --mk-sys-color5: #bfbf22;
  @include viewstyle(#f2efda, #e6de97, #d9d26c, #ccc845, #bfbf22, #aeb303, #838c00);
  @include viewstyle(#f2efda, #e6de97, #d9d26c, #ccc845, #bfbf22, #aeb303);
}

body[class*='mk-deep-red-'] {
@@ -513,7 +427,7 @@
  --mk-sys-color3: #e89b9e;
  --mk-sys-color4: #db7077;
  --mk-sys-color5: #cf4856;
  @include viewstyle(#fff0f0, #f5cbcb, #e89b9e, #db7077, #cf4856, #c32539, #9c162c);
  @include viewstyle(#fff0f0, #f5cbcb, #e89b9e, #db7077, #cf4856, #c32539);
}

body[class*='mk-deep-blue-'] {
@@ -523,5 +437,5 @@
  --mk-sys-color3: #dbdfe6;
  --mk-sys-color4: #c6cede;
  --mk-sys-color5: #394c6f;
  @include viewstyle(#eff1f4, #e0e3e9, #dbdfe6, #c6cede, #394c6f, #1d3661, #1d3661);
  @include viewstyle(#eff1f4, #e0e3e9, #dbdfe6, #c6cede, #394c6f, #1d3661);
}