From bde2916433c7830e2879e6524e32b9f6c8bd0bab Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 02 一月 2022 16:31:32 +0800
Subject: [PATCH] 2022-01-02
---
src/assets/css/viewstyle.scss | 292 ++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 222 insertions(+), 70 deletions(-)
diff --git a/src/assets/css/viewstyle.scss b/src/assets/css/viewstyle.scss
index 7b2ad40..feace16 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 {
@@ -153,41 +163,7 @@
}
}
}
- .normal-data-table, .normal-custom-table {
- table {
- .ant-table-tbody {
- > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
- background-color: $color1;
- }
- > tr.ant-table-row-selected:not(.background) td {
- background-color: $color1;
- }
- > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort {
- background-color: $color1;
- }
- > tr.mk-row-active:not(.background) td {
- background-color: $color3;
- }
- > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort {
- background-color: $color3;
- }
- }
- }
- }
- .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 {
- color: $color7;
- border-color: $color7;
- }
- .ant-btn-primary {
- background-color: $color6;
- border-color: $color6;
- }
- }
- }
- }
+
.ant-tabs-nav .ant-tabs-tab-active {
color: $color6;
}
@@ -200,52 +176,141 @@
.ant-tabs-nav .ant-tabs-tab:hover {
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;
+ }
+ >.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;
+ }
+ }
}
}
}
.normal-group-wrap {
.print-button:hover, .print-button:focus, .print-button:active {
color: $color5;
+ }
+ }
+ // 鎼滅储鏍�
+ .top-search {
+ >.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 {
+ table {
+ .ant-table-tbody {
+ > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+ background-color: $color1;
+ }
+ > tr.ant-table-row-selected:not(.background) td {
+ background-color: $color1;
+ }
+ > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort {
+ background-color: $color1;
+ }
+ > tr.mk-row-active:not(.background) td {
+ background-color: $color3;
+ }
+ > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort {
+ background-color: $color3;
+ }
+ }
+ }
+ }
+ // 寮圭獥鎸夐挳
+ .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;
+ }
+ .ant-btn-primary {
+ background-color: $color6;
+ border-color: $color6;
+ }
}
}
@@ -255,6 +320,19 @@
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
background-color: $color1;
+ }
+ // 鍗曢�夋
+ .ant-radio-checked .ant-radio-inner {
+ border-color: $color6;
+ }
+ .ant-radio-checked::after {
+ border: 1px solid $color6;
+ }
+ .ant-radio-inner::after {
+ background-color: $color6;
+ }
+ .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
+ border-color: $color6;
}
// 澶嶉�夋
.ant-checkbox-checked .ant-checkbox-inner {
@@ -307,6 +385,80 @@
.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;
+ }
+ .system-color {
+ color: $color6;
+ }
+ .ant-timeline.system {
+ .ant-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 { // 鍘婚櫎鐧诲綍椤靛垎鍓茬嚎
--
Gitblit v1.8.0