From f0602b981659c6d1ff18e8dba4ca1ce89c5f5610 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 22 三月 2020 21:18:34 +0800
Subject: [PATCH] 2020-03-22
---
src/assets/css/main.scss | 197 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 163 insertions(+), 34 deletions(-)
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 83a238f..e02d81b 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -23,22 +23,6 @@
-moz-osx-font-smoothing: grayscale;
}
-
-/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
-// ::-webkit-scrollbar {
-// width: 0px;
-// height: 0px;
-// background-color: #F5F5F5;
-// }
-
-/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
-// ::-webkit-scrollbar-track {
-// box-shadow: inset 0 0 1px rgba(0,0,0,0);
-// border-radius: 10px;
-// background-color: #F5F5F5;
-// }
-
-
/*鍘婚櫎铏氱嚎*/
input:focus, select:focus, textarea:focus, button:focus {
outline: none;
@@ -50,10 +34,25 @@
/*鑳屾櫙鑹�*/
html, body {
width: 100%;
- font-size: 10px;
+ font-size: 14px;
}
#root {
height: 100%;
+}
+
+html::-webkit-scrollbar {
+ width: 8px;
+}
+html::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ border-radius: 5px;
+}
+html::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 3px;
}
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
@@ -65,31 +64,161 @@
/*ios绂佹椤甸潰鍦ㄦ柊绐楀彛鎵撳紑*/
-webkit-touch-callout: none;
}
-.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
+.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
background-color: unset;
color: unset;
}
-.side-menu.ant-menu-dark .ant-menu-item-selected {
+.side-menu.ant-menu-dark .ant-menu-item.ant-menu-item-selected {
background-color: unset;
color: unset;
}
-
-// ::-webkit-scrollbar {
-// width: 4px;
-// height: 4px;
-// }
-// ::-webkit-scrollbar-thumb {
-// border-radius: 5px;
-// box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
-// background: rgba(0,0,0,0.2);
-// }
-// ::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
-// box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
-// border-radius: 0;
-// background: rgba(0,0,0,0.1);
-// }
// 閲嶇疆鎸夐挳涓枃瀛椾笌鍥炬爣璺濈
.ant-btn > .anticon + span, .ant-btn > span + .anticon {
margin-left: 5px;
}
+
+// 璁剧疆涓嬫媺鎼滅储婊氬姩鏉℃牱寮�
+.ant-select-dropdown-menu::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
+}
+.ant-select-dropdown-menu::-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-select-dropdown-menu::-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-message {
+ top: 50px;
+ z-index: 1080;
+}
+
+// 閲嶇疆绌挎妗嗘粴鍔ㄦ潯
+.ant-transfer-list-content::-webkit-scrollbar {
+ width: 7px;
+}
+.ant-transfer-list-content::-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-transfer-list-content::-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-calendar-time-picker-select:hover::-webkit-scrollbar {
+ width: 7px;
+}
+.ant-calendar-time-picker-select:hover::-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-calendar-time-picker-select:hover::-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 {
+ width: 7px;
+}
+.ant-modal-wrap::-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-wrap::-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-mask {
+ z-index: 1080!important;
+}
+.ant-modal-wrap {
+ z-index: 1080!important;
+}
+.ant-form-item-children {
+ width: 100%;
+ display: inline-block;
+ .ant-calendar-picker {
+ width: 100%;
+ }
+}
+.ant-calendar-picker-container {
+ z-index: 1090!important;
+}
+.ant-notification {
+ z-index: 1100!important;
+}
+
+.ant-select-dropdown {
+ z-index: 1090!important;
+}
+
+// 纭鎻愮ず妗嗛珮搴�
+.ant-modal.ant-modal-confirm {
+ top: 38vh;
+}
+
+.ant-popover {
+ z-index: 1090!important;
+}
+
+.ant-notification-notice.notification-custom-error {
+ background: #f5222d;
+ .anticon.ant-notification-notice-icon-error {
+ color: #ffffff;
+ }
+ .ant-notification-notice-message {
+ color: #ffffff;
+ }
+ .ant-notification-close-icon {
+ color: #ffffff;
+ }
+}
+
+// 閲嶇疆鎻愮ず妗�
+.ant-tooltip {
+ z-index: 1090!important;
+ .ant-tooltip-inner {
+ letter-spacing: 1px;
+ }
+}
+.ant-tooltip.middle {
+ max-width: 320px!important;
+}
+
+// 鍏宠仈閫夋嫨
+.ant-cascader-menus {
+ z-index: 1090!important;
+ .ant-cascader-menu::-webkit-scrollbar {
+ width: 7px;
+ }
+ .ant-cascader-menu::-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-cascader-menu::-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);
+ }
+}
--
Gitblit v1.8.0