From 7f270b5ab1b0cc104b4678354fbee40443a4d9f1 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 14 十一月 2023 22:13:51 +0800
Subject: [PATCH] 2023-11-14
---
src/assets/css/main.scss | 408 ++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 365 insertions(+), 43 deletions(-)
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 668699c..f18da84 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -16,6 +16,29 @@
outline: none;
}
}
+::selection {
+ color: #ffffff;
+ background: var(--mk-sys-color);
+}
+::-moz-selection {
+ color: #ffffff;
+ background: var(--mk-sys-color);
+}
+::-webkit-selection {
+ color: #ffffff;
+ background: var(--mk-sys-color);
+}
+
+.table-col-1, .table-col-2, .table-col-3, .table-col-4 {
+ .ant-table colgroup > col.ant-table-selection-col {
+ width: 40px!important;
+ }
+}
+.table-col-5, .table-col-6, .table-col-7 {
+ .ant-table colgroup > col.ant-table-selection-col {
+ width: 50px!important;
+ }
+}
/* 璁剧疆iconfont鏍囩font-family */
[class^="icon-"],[class*=" icon-"] {
@@ -36,11 +59,9 @@
/*鑳屾櫙鑹�*/
html, body {
+ --mk-sys-color: #1890ff;
width: 100%;
font-size: 14px;
- // .ant-table, .ant-dropdown {
- // color: rgba(0, 0, 0, 0.85);
- // }
}
#root {
height: 100%;
@@ -123,15 +144,18 @@
}
// 閲嶇疆鏃堕棿鎻掍欢鏃堕棿婊氬姩鏉�
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar {
- width: 7px;
+.ant-calendar-time-picker-select {
+ overflow-y: auto!important;
}
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar-thumb {
+.ant-calendar-time-picker-select::-webkit-scrollbar {
+ width: 6px;
+}
+.ant-calendar-time-picker-select::-webkit-scrollbar-thumb {
border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
+ background: rgba(0, 0, 0, 0.08);
}
-.ant-calendar-time-picker-select:hover::-webkit-scrollbar-track {
+.ant-calendar-time-picker-select::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
@@ -163,7 +187,7 @@
width: 100%;
display: inline-block;
.ant-calendar-picker {
- width: 100%;
+ width: 100%!important;
}
}
.ant-calendar-picker-container {
@@ -177,9 +201,9 @@
z-index: 1090!important;
}
-.ant-dropdown {
- z-index: 1090!important;
-}
+// .ant-dropdown {
+// z-index: 1090!important;
+// }
.mk-normal-dropdown {
.ant-dropdown-menu {
@@ -230,6 +254,9 @@
color: #ffffff;
}
}
+.ant-notification .ant-notification-notice-message {
+ word-break: break-all;
+}
// 閲嶇疆鎻愮ず妗�
.ant-tooltip {
@@ -261,28 +288,23 @@
}
}
-.ant-modal.popview-modal {
- top: 70px;
- .ant-modal-body {
- min-height: 200px;
- max-height: calc(100vh - 210px);
- overflow-y: auto;
+// 娑堟伅鎻愮ず
+.ant-notification-notice.notification-custom-error {
+ background: #f5222d;
+ .anticon.ant-notification-notice-icon-error {
+ color: #ffffff;
}
- .ant-modal-body::-webkit-scrollbar {
- width: 7px;
+ .ant-notification-notice-message {
+ color: #ffffff;
}
- .ant-modal-body::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-modal-body::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
+ .ant-notification-close-icon {
+ color: #ffffff;
}
}
+.ant-notification .ant-notification-notice-message {
+ word-break: break-all;
+}
+
.ant-modal-wrap.popview-modal {
.ant-modal {
top: 70px;
@@ -306,12 +328,38 @@
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
}
+ .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: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+ }
}
+
// 璁剧疆妯℃�佹鏍峰紡锛岃瀹氭渶澶ф渶灏忛珮搴︼紝閲嶇疆婊氬姩鏉�
.action-modal {
.ant-modal {
max-width: 95vw;
top: 70px;
+
+ .ant-modal-title {
+ height: 22px;
+ .mk-modal-icon-def {
+ margin-right: 10px;
+ background: transparent!important;
+ }
+ .mk-modal-icon-circle {
+ display: inline-block;
+ border-radius: 30px;
+ margin-right: 10px;
+ margin-top: -5px;
+ color: #ffffff!important;
+ width: 30px;
+ height: 30px;
+ text-align: center;
+ line-height: 30px;
+ }
+ }
}
.ant-modal-body {
max-height: calc(100vh - 205px);
@@ -333,6 +381,23 @@
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0);
+ }
+
+ .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: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+ .ant-btn-primary {
+ background-color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+ }
+}
+.moveable-modal {
+ overflow-x: hidden!important;
+ .ant-modal-header {
+ cursor: move;
}
}
@@ -412,12 +477,6 @@
transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1)!important;
}
-.ant-progress-status-success .ant-progress-text {
- color: rgba(0, 0, 0, 0.45)!important;
-}
-.ant-progress-circle.ant-progress-status-success .ant-progress-text {
- color: rgba(0, 0, 0, 0.65)!important;
-}
.ant-progress-line.square {
.ant-progress-inner {
border-radius: 0;
@@ -435,9 +494,272 @@
div.ant-input-number {
width: 100%;
}
-// .ant-table.ant-table-mini .ant-table-thead > tr > th {
-// padding: 8px 4px;
-// }
-// .ant-table.ant-table-mini .ant-table-tbody > tr > td {
-// padding: 4px 4px;
-// }
\ No newline at end of file
+
+.ant-progress {
+ .ant-progress-circle-trail {
+ stroke: inherit!important;
+ }
+ .ant-progress-text {
+ color: inherit!important;
+ }
+}
+.ant-table.ant-table-mini .ant-table-thead > tr > th {
+ padding: 8px 8px!important;
+}
+.ant-table.ant-table-mini .ant-table-tbody > tr > td {
+ padding: 2px 8px!important;
+ line-height: 1.5;
+}
+.ant-calendar-picker-container {
+ .ant-calendar-range {
+ .ant-calendar-selected-start-date .ant-calendar-date,
+ .ant-calendar-selected-end-date .ant-calendar-date {
+ background: var(--mk-sys-color);
+ }
+
+ .ant-calendar-in-range-cell::before {
+ background: var(--mk-sys-color1);
+ }
+
+ .ant-calendar-selected-start-date .ant-calendar-date:hover,
+ .ant-calendar-selected-end-date .ant-calendar-date:hover {
+ background: var(--mk-sys-color);
+ }
+ }
+
+ .ant-calendar-date:hover {
+ background: var(--mk-sys-color1);
+ }
+
+ .ant-calendar-date:active {
+ background: var(--mk-sys-color5);
+ }
+
+ .ant-calendar-today:not(.ant-calendar-disabled-cell) {
+ .ant-calendar-date {
+ color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color4);
+ }
+ }
+ .ant-calendar-today.ant-calendar-disabled-cell {
+ .ant-calendar-date {
+ color: var(--mk-sys-color);
+ }
+ .ant-calendar-date::before {
+ border-color: var(--mk-sys-color4);
+ }
+ }
+
+ .ant-calendar-header a:hover {
+ color: var(--mk-sys-color5);
+ }
+ .ant-calendar-year-panel-header a:hover {
+ color: var(--mk-sys-color5);
+ }
+ .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
+ .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
+ color: rgba(0, 0, 0, 0.25);
+ }
+ .ant-calendar-decade-panel-decade:hover {
+ background: var(--mk-sys-color1);
+ }
+
+ .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
+ .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
+ color: #ffffff;
+ background: var(--mk-sys-color);
+ }
+
+ .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
+ background: var(--mk-sys-color);
+ }
+ .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
+ color: #fff;
+ background: var(--mk-sys-color);
+ }
+ .ant-calendar-year-panel-year:hover {
+ background: var(--mk-sys-color1);
+ }
+
+ .ant-calendar-month-panel-selected-cell:not(.ant-calendar-month-panel-cell-disabled) .ant-calendar-month-panel-month {
+ background: var(--mk-sys-color);
+ }
+ .ant-calendar-month-panel-selected-cell:not(.ant-calendar-month-panel-cell-disabled) .ant-calendar-month-panel-month:hover {
+ color: #fff;
+ background: var(--mk-sys-color);
+ }
+ .ant-calendar-month-panel-month:hover {
+ background: var(--mk-sys-color1);
+ }
+
+ .ant-calendar-time-picker-select li:hover {
+ background: var(--mk-sys-color1);
+ }
+ .ant-calendar-time-picker-select li:focus {
+ color: var(--mk-sys-color);
+ }
+
+ .ant-calendar {
+ tr td {
+ .ant-calendar-year-panel-year.ant-year-selected {
+ color: #fff;
+ background: var(--mk-sys-color);
+ }
+ .ant-calendar-year-panel-year:hover {
+ color: var(--mk-sys-color5);
+ background: var(--mk-sys-color1);
+ }
+ }
+ }
+
+ .ant-calendar-time-picker-btn {
+ color: var(--mk-sys-color);
+ }
+ .ant-calendar {
+ .ant-calendar-ok-btn {
+ background-color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+
+ .ant-calendar-ok-btn:hover,
+ .ant-calendar-ok-btn:focus,
+ .ant-calendar-ok-btn:active,
+ .ant-calendar-ok-btn.active {
+ background-color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+ }
+ .ant-calendar-footer-extra {
+ .ant-tag-blue {
+ color: var(--mk-sys-color);
+ background: var(--mk-sys-color1);
+ border-color: var(--mk-sys-color3);
+ }
+ }
+
+ .ant-calendar-selected-day .ant-calendar-date {
+ background: var(--mk-sys-color2);
+ }
+ .ant-calendar-today-btn {
+ color: var(--mk-sys-color);
+ }
+
+ .ant-calendar-week-number {
+ .ant-calendar-body tr.ant-calendar-active-week {
+ background: var(--mk-sys-color2);
+ }
+ .ant-calendar-body tr:hover {
+ background: var(--mk-sys-color1);
+ }
+ }
+}
+.ant-calendar-quarter-picker .ant-calendar {
+ tr:not(.ant-quarter-selected):hover {
+ background: var(--mk-sys-color1);
+ }
+ tr.ant-quarter-selected {
+ background: var(--mk-sys-color2);
+ }
+}
+.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
+ border-color: var(--mk-sys-color5)!important;
+ box-shadow: 0 0 0 2px var(--mk-sys-color2)!important;
+}
+.mk-date-picker.minute {
+ .ant-calendar-time-picker-combobox {
+ .ant-calendar-time-picker-select {
+ width: 50%;
+ }
+
+ >.ant-calendar-time-picker-select:last-child {
+ display: none;
+ }
+ }
+}
+.mk-date-picker.hour {
+ .ant-calendar-time-picker-combobox {
+ .ant-calendar-time-picker-select {
+ width: 100%;
+ }
+
+ >.ant-calendar-time-picker-select:not(:first-child) {
+ display: none;
+ }
+ }
+}
+.mk-button-progress {
+ position: fixed!important;
+ top: 0px;
+ left: 0px;
+ z-index: 1100;
+ width: 100vw!important;
+ .ant-progress-outer {
+ .ant-progress-inner {
+ vertical-align: top;
+ background-color: transparent;
+ .ant-progress-bg {
+ height: 4px!important;
+ background-color: var(--mk-sys-color);
+ }
+ }
+ }
+}
+
+.video-wrap {
+ overflow: hidden;
+ .video-react .video-react-poster {
+ background-size: cover;
+ }
+}
+
+.table-vertical-top {
+ table td {
+ vertical-align: top;
+ }
+}
+.table-vertical-bottom {
+ table td {
+ vertical-align: bottom;
+ }
+}
+
+// 绯荤粺鑹茶缃�
+.mk-main-view {
+ display: flex;
+ flex: auto;
+ min-height: 100%;
+}
+
+.component-wrap >.ant-col {
+ min-height: 0;
+}
+
+.ant-col.ant-col-0 {
+ display: inline-block;
+}
+.mk-cell-btn.ant-col-0 {
+ width: auto;
+ float: left;
+}
+
+.ant-dropdown {
+ .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
+ background-color: var(--mk-sys-color1);
+ }
+}
+
+.ant-radio-group {
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+ color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ box-shadow: -1px 0 0 0 var(--mk-sys-color);
+ }
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+ color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ box-shadow: -1px 0 0 0 var(--mk-sys-color);
+ }
+ .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):not(.ant-radio-button-wrapper-disabled):hover {
+ color: var(--mk-sys-color);
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0