Explorar o código

feat: vxe 全局滚动条样式

xingyu4j %!s(int64=2) %!d(string=hai) anos
pai
achega
4bc7645850

+ 1 - 0
yudao-ui-admin-vue3/src/styles/index.less

@@ -1,2 +1,3 @@
 @import './var.css';
+@import './vxe.css';
 @import 'element-plus/theme-chalk/dark/css-vars.css';

+ 26 - 0
yudao-ui-admin-vue3/src/styles/vxe.css

@@ -0,0 +1,26 @@
+/*滚动条整体部分*/
+.xtable-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+/*滚动条的轨道*/
+.xtable-scrollbar ::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+/*滚动条里面的小方块,能向上向下移动*/
+.xtable-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  border: 1px solid #f1f1f1;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+.xtable-scrollbar ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+}
+.xtable-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: #787878;
+}
+/*边角,即两个滚动条的交汇处*/
+.xtable-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}