From 9c6795fd3c44e46cf3955fbfd8f8eeca23acb7a9 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 08 十月 2022 00:31:51 +0800
Subject: [PATCH] 2022-10-08
---
src/assets/css/viewstyle.scss | 238 +++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 189 insertions(+), 49 deletions(-)
diff --git a/src/assets/css/viewstyle.scss b/src/assets/css/viewstyle.scss
index a4167f4..0f54397 100644
--- a/src/assets/css/viewstyle.scss
+++ b/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 {
@@ -167,28 +177,82 @@
color: $color5;
}
}
+ >.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;
+ }
+ }
+ }
+ }
+ .data-zoom.radio.tabs, .data-zoom.checkbox.tabs {
+ .mk-card {
+ > .card-item-box {
+ border-top: none!important;
+ border-left: none!important;
+ border-right: none!important;
+ border-radius: 0px!important;
+ border-bottom: 2px solid transparent!important;
+ transition: all 0.3s;
+ cursor: pointer;
+ }
+ }
+ .mk-card:hover {
+ > .card-item-box {
+ .ant-mk-text, .ant-mk-date {
+ color: $color6;
+ }
+ }
+ }
+ .mk-card.active, .mk-card.selected {
+ > .card-item-box {
+ border-bottom-color: $color6!important;
+ .ant-mk-text, .ant-mk-date {
+ color: $color6;
+ }
+ }
}
}
}
@@ -201,7 +265,7 @@
.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 {
+ .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;
}
@@ -209,6 +273,14 @@
background-color: $color6;
border-color: $color6;
}
+ .ant-btn-link {
+ color: $color6;
+ }
+ }
+ }
+ .advanced-list {
+ .advance-value {
+ color: $color6;
}
}
}
@@ -363,6 +435,68 @@
.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;
+ }
+ .system-background {
+ background: $color6;
+ border-color: $color6;
+ color: #ffffff;
+ }
+ .ant-timeline.system {
+ .ant-timeline-item-tail {
+ border-color: $color2;
+ }
+ }
+ .mk-time-line-wrap.system {
+ .mk-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 { // 鍘婚櫎鐧诲綍椤靛垎鍓茬嚎
@@ -389,133 +523,139 @@
}
}
}
+ .header-menu::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
+ border: 1px solid rgba(255, 255, 255, 0.07);
+ background: rgba(255, 255, 255, 255);
+ border-radius: 3px;
+ }
}
}
}
body.mk-blue-black {
- --antd-wave-shadow-color: #1890ff;
+ --mk-sys-color: #1890ff;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff, #096dd9, #0050b3, #003a8c, #002766);
@include bgblack();
}
body.mk-blue-white {
- --antd-wave-shadow-color: #1890ff;
+ --mk-sys-color: #1890ff;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff, #096dd9, #0050b3, #003a8c, #002766);
}
body.mk-red-black {
- --antd-wave-shadow-color: #f5222d;
+ --mk-sys-color: #f5222d;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d, #cf1322, #a8071a, #820014, #5c0011);
@include bgblack();
}
body.mk-red-white {
- --antd-wave-shadow-color: #f5222d;
+ --mk-sys-color: #f5222d;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d, #cf1322, #a8071a, #820014, #5c0011);
}
body.mk-orange-red-black {
- --antd-wave-shadow-color: #fa541c;
+ --mk-sys-color: #fa541c;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #fff2e8, #ffd8bf, #ffbb96, #ff9c6e, #ff7a45, #fa541c, #d4380d, #ad2102, #871400, #610b00);
@include bgblack();
}
body.mk-orange-red-white {
- --antd-wave-shadow-color: #fa541c;
+ --mk-sys-color: #fa541c;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff2e8, #ffd8bf, #ffbb96, #ff9c6e, #ff7a45, #fa541c, #d4380d, #ad2102, #871400, #610b00);
}
body.mk-orange-black {
- --antd-wave-shadow-color: #fa8c16;
+ --mk-sys-color: #fa8c16;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16, #d46b08, #ad4e00, #873800, #612500);
@include bgblack();
}
body.mk-orange-white {
- --antd-wave-shadow-color: #fa8c16;
+ --mk-sys-color: #fa8c16;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16, #d46b08, #ad4e00, #873800, #612500);
}
body.mk-orange-yellow-black {
- --antd-wave-shadow-color: #faad14;
+ --mk-sys-color: #faad14;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#fffbe6, #fff1b8, #ffe58f, #ffd666, #ffc53d, #faad14, #d48806, #ad6800, #874d00, #613400);
@include bgblack();
}
body.mk-orange-yellow-white {
- --antd-wave-shadow-color: #faad14;
+ --mk-sys-color: #faad14;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fffbe6, #fff1b8, #ffe58f, #ffd666, #ffc53d, #faad14, #d48806, #ad6800, #874d00, #613400);
}
body.mk-yellow-black {
- --antd-wave-shadow-color: #fadb14;
+ --mk-sys-color: #fadb14;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#feffe6, #ffffb8, #fffb8f, #fff566, #ffec3d, #fadb14, #d4b106, #ad8b00, #876800, #614700);
@include bgblack();
}
body.mk-yellow-white {
- --antd-wave-shadow-color: #fadb14;
+ --mk-sys-color: #fadb14;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #feffe6, #ffffb8, #fffb8f, #fff566, #ffec3d, #fadb14, #d4b106, #ad8b00, #876800, #614700);
}
body.mk-yellow-green-black {
- --antd-wave-shadow-color: #a0d911;
+ --mk-sys-color: #a0d911;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#fcffe6, #f4ffb8, #eaff8f, #d3f261, #bae637, #a0d911, #7cb305, #5b8c00, #3f6600, #254000);
@include bgblack();
}
body.mk-yellow-green-white {
- --antd-wave-shadow-color: #a0d911;
+ --mk-sys-color: #a0d911;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fcffe6, #f4ffb8, #eaff8f, #d3f261, #bae637, #a0d911, #7cb305, #5b8c00, #3f6600, #254000);
}
body.mk-green-black {
- --antd-wave-shadow-color: #52c41a;
+ --mk-sys-color: #52c41a;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#f6ffed, #d9f7be, #b7eb8f, #95de64, #73d13d, #52c41a, #389e0d, #237804, #135200, #092b00);
@include bgblack();
}
body.mk-green-white {
- --antd-wave-shadow-color: #52c41a;
+ --mk-sys-color: #52c41a;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #f6ffed, #d9f7be, #b7eb8f, #95de64, #73d13d, #52c41a, #389e0d, #237804, #135200, #092b00);
}
body.mk-cyan-black {
- --antd-wave-shadow-color: #13c2c2;
+ --mk-sys-color: #13c2c2;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#e6fffb, #b5f5ec, #87e8de, #5cdbd3, #36cfc9, #13c2c2, #08979c, #006d75, #00474f, #002329);
@include bgblack();
}
body.mk-cyan-white {
- --antd-wave-shadow-color: #13c2c2;
+ --mk-sys-color: #13c2c2;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #e6fffb, #b5f5ec, #87e8de, #5cdbd3, #36cfc9, #13c2c2, #08979c, #006d75, #00474f, #002329);
}
body.mk-blue-purple-black {
- --antd-wave-shadow-color: #2f54eb;
+ --mk-sys-color: #2f54eb;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#f0f5ff, #d6e4ff, #adc6ff, #85a5ff, #597ef7, #2f54eb, #1d39c4, #10239e, #061178, #030852);
@include bgblack();
}
body.mk-blue-purple-white {
- --antd-wave-shadow-color: #2f54eb;
+ --mk-sys-color: #2f54eb;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #f0f5ff, #d6e4ff, #adc6ff, #85a5ff, #597ef7, #2f54eb, #1d39c4, #10239e, #061178, #030852);
}
body.mk-purple-black {
- --antd-wave-shadow-color: #722ed1;
+ --mk-sys-color: #722ed1;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#f9f0ff, #efdbff, #d3adf7, #b37feb, #9254de, #722ed1, #531dab, #391085, #22075e, #120338);
@include bgblack();
}
body.mk-purple-white {
- --antd-wave-shadow-color: #722ed1;
+ --mk-sys-color: #722ed1;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #f9f0ff, #efdbff, #d3adf7, #b37feb, #9254de, #722ed1, #531dab, #391085, #22075e, #120338);
}
body.mk-magenta-black {
- --antd-wave-shadow-color: #eb2f96;
+ --mk-sys-color: #eb2f96;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#fff0f6, #ffd6e7, #ffadd2, #ff85c0, #f759ab, #eb2f96, #c41d7f, #9e1068, #780650, #520339);
@include bgblack();
}
body.mk-magenta-white {
- --antd-wave-shadow-color: #eb2f96;
+ --mk-sys-color: #eb2f96;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff0f6, #ffd6e7, #ffadd2, #ff85c0, #f759ab, #eb2f96, #c41d7f, #9e1068, #780650, #520339);
}
body.mk-grass-green-black {
- --antd-wave-shadow-color: #aeb303;
+ --mk-sys-color: #aeb303;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#f2efda, #e6de97, #d9d26c, #ccc845, #bfbf22, #aeb303, #838c00, #5c6600, #374000, #151a00);
@include bgblack();
}
body.mk-grass-green-white {
- --antd-wave-shadow-color: #aeb303;
+ --mk-sys-color: #aeb303;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #f2efda, #e6de97, #d9d26c, #ccc845, #bfbf22, #aeb303, #838c00, #5c6600, #374000, #151a00);
}
body.mk-deep-red-black {
- --antd-wave-shadow-color: #c32539;
+ --mk-sys-color: #c32539;
@include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65),#fff0f0, #f5cbcb, #e89b9e, #db7077, #cf4856, #c32539, #9c162c, #750b20, #4f0315, #29010c);
@include bgblack();
}
body.mk-deep-red-white {
- --antd-wave-shadow-color: #c32539;
+ --mk-sys-color: #c32539;
@include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff0f0, #f5cbcb, #e89b9e, #db7077, #cf4856, #c32539, #9c162c, #750b20, #4f0315, #29010c);
}
--
Gitblit v1.8.0