样式优化

admin/src/main/resources/static/designer/editor-app/css/style.css

@@ -17,22 +17,26 @@
     font-style: normal;
 }
 
-/* 整个滚动条 */
+
+/* 设置滚动条样式 */
 ::-webkit-scrollbar {
-    /* 对应纵向滚动条的宽度 */
+    width:10px!important;
-    width: 10px;
+    height:10px!important;
-    /* 对应横向滚动条的宽度 */
+    -webkit-appearance:none;
-    height: 10px;
+    background:#f1f1f1
 }
-/* 滚动条上的滚动滑块 */
 ::-webkit-scrollbar-thumb {
-    background-color: #49b1f5;
+    height:5px;
-    border-radius: 32px;
+    border:1px solid transparent;
+    border-top:0;
+    border-bottom:0;
+    border-radius:6px;
+    background-color:#ccc;
+    background-clip:padding-box
 }
-/* 滚动条轨道 */
+/** 滚动条样式 **/
 ::-webkit-scrollbar-track {
-    background-color: #dbeffd;
+    background-color: #F5F5F5;
-    border-radius: 32px;
 }
 
 .row-no-gutter .col-xs-9,

admin/src/main/resources/static/ruoyi/css/ry-ui.css

@@ -1083,11 +1083,6 @@ table.rc-table-resizing thead > th > a {
     color: #1890ff;
 }
 
-/** 滚动条样式 **/
-::-webkit-scrollbar-track {
-    background-color: #F5F5F5;
-}
-
 /** 气泡弹出框样式 **/
 .popover {
 	font-size: 13px;
@@ -1156,7 +1151,6 @@ table.rc-table-resizing thead > th > a {
    -webkit-appearance:none;
    background:#f1f1f1
 }
-
 ::-webkit-scrollbar-thumb {
     height:5px;
     border:1px solid transparent;
@@ -1166,6 +1160,10 @@ table.rc-table-resizing thead > th > a {
     background-color:#ccc;
     background-clip:padding-box
 }
+/** 滚动条样式 **/
+::-webkit-scrollbar-track {
+	background-color: #F5F5F5;
+}
 
 /* 设置placeholder样式 */
 ::-webkit-input-placeholder {