From c7aece35a62b6e91fd98a625bf0e53f64bfbd18d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 17 八月 2023 16:22:15 +0800
Subject: [PATCH] 2023-08-17
---
src/assets/css/main.scss | 450 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 428 insertions(+), 22 deletions(-)
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index a31a13f..25d2b93 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -9,8 +9,34 @@
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
font-weight: normal;
+ border-style: solid;
+ border-width: 0;
+ border-color: transparent;
&:hover {
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;
}
}
@@ -33,6 +59,7 @@
/*鑳屾櫙鑹�*/
html, body {
+ --mk-sys-color: #1890ff;
width: 100%;
font-size: 14px;
}
@@ -68,7 +95,7 @@
background-color: unset;
color: unset;
}
-.side-menu.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
+.mk-side-menu.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
background-color: unset;
color: unset;
}
@@ -117,30 +144,33 @@
}
// 閲嶇疆鏃堕棿鎻掍欢鏃堕棿婊氬姩鏉�
-.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);
background: rgba(0, 0, 0, 0);
}
// 閲嶇疆妯℃�佹婊氬姩鏉�
-.ant-modal-wrap::-webkit-scrollbar {
+.ant-modal-wrap::-webkit-scrollbar, .ant-drawer-wrapper-body::-webkit-scrollbar {
width: 7px;
}
-.ant-modal-wrap::-webkit-scrollbar-thumb {
+.ant-modal-wrap::-webkit-scrollbar-thumb, .ant-drawer-wrapper-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);
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
+ background: rgba(0, 0, 0, 0.1);
}
-.ant-modal-wrap::-webkit-scrollbar-track {
+.ant-modal-wrap::-webkit-scrollbar-track, .ant-drawer-wrapper-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);
@@ -157,7 +187,7 @@
width: 100%;
display: inline-block;
.ant-calendar-picker {
- width: 100%;
+ width: 100%!important;
}
}
.ant-calendar-picker-container {
@@ -171,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 {
@@ -203,6 +233,13 @@
.ant-popover {
z-index: 1070!important;
+}
+// 姘旀场纭妗�
+.ant-popover.popover-confirm {
+ z-index: 1080!important;
+}
+.ant-message {
+ z-index: 1110!important;
}
.ant-notification-notice.notification-custom-error {
@@ -248,10 +285,13 @@
}
}
-.popview-modal {
+.ant-modal-wrap.popview-modal {
+ .ant-modal {
+ top: 70px;
+ }
.ant-modal-body {
- min-height: 300px;
- max-height: calc(100vh - 160px);
+ min-height: 200px;
+ max-height: calc(100vh - 210px);
overflow-y: auto;
}
.ant-modal-body::-webkit-scrollbar {
@@ -268,6 +308,58 @@
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-body {
+ max-height: calc(100vh - 205px);
+ min-height: 150px;
+ overflow-y: auto;
+ padding-bottom: 35px;
+ }
+ .ant-modal-body::-webkit-scrollbar {
+ width: 7px;
+ height: 7px;
+ }
+ .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-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;
+ }
}
.ant-drawer {
@@ -282,12 +374,17 @@
bottom: -3.8px!important;
}
.mk-popover-control {
- i {
- padding: 0 5px;
+ white-space: nowrap;
+ i, span.anticon {
+ padding: 5px 8px;
cursor: pointer;
+ font-size: 16px;
}
.edit {
color: #1890ff;
+ }
+ .plus {
+ color: #26C281;
}
.copy {
color: #26C281;
@@ -298,9 +395,318 @@
.profile {
color: purple;
}
+ .style {
+ color: orange;
+ }
+ .model-datasource {
+ display: inline-block;
+ position: unset;
+ }
+ }
+ .mk-popover-control::after {
+ position: absolute;
+ content: ' ';
+ width: 100%;
+ height: 12px;
+ bottom: -12px;
+ left: 0px;
}
.ant-popover-inner-content {
- padding: 5px 10px;
+ padding: 5px 20px;
}
}
+}
+
+.ant-input[disabled] {
+ background-color: #fafafa!important;
+}
+.ant-btn[disabled] {
+ background-color: transparent!important;
+ border-color: rgba(0, 0, 0, 0.35)!important;
+ color: rgba(0, 0, 0, 0.35)!important;
+}
+.ant-btn.ant-btn-link {
+ border-width: 0;
+}
+.button-list {
+ .ant-btn.ant-btn-link {
+ border-width: 1px;
+ }
+}
+
+.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated { // 鍘婚櫎鍒囨崲鏃剁殑鍔ㄧ敾鏁堟灉
+ transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1)!important;
+}
+
+.ant-progress-line.square {
+ .ant-progress-inner {
+ border-radius: 0;
+ .ant-progress-bg {
+ border-radius: 0;
+ }
+ }
+}
+
+.mk-form-tip {
+ color: #c49f47;
+ margin-right: 3px;
+}
+
+div.ant-input-number {
+ width: 100%;
+}
+
+.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 .ant-calendar-date {
+ color: var(--mk-sys-color);
+ border-color: var(--mk-sys-color);
+ }
+
+ .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;
+}
+
+.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