增加全局滚动条样式

ruoyi-ui/src/views/JiHeExpressway/index.vue

@@ -32,6 +32,41 @@ export default {
 };
 </script>
 
+<style lang="less">
+body {
+  div {
+
+    /* 滚动条整体部分 */
+    &::-webkit-scrollbar {
+      width: 6px !important;
+      height: 6px !important;
+      padding: 15px;
+    }
+
+    /* 滚动条的轨道 */
+    &::-webkit-scrollbar-track {
+      background: rgba(17, 72, 90, .4);
+      border-radius: 4px;
+    }
+
+    /* 滚动条的滑块按钮 */
+    &::-webkit-scrollbar-thumb {
+      background: #3785A0;
+      border-radius: 4px;
+    }
+
+    /* 上下箭头 */
+    &::-webkit-scrollbar-button {
+      display: none;
+    }
+
+    /* 滚动条角 */
+    &::-webkit-scrollbar-corner {
+      display: none;
+    }
+  }
+}
+</style>
 <style scoped lang="less">
 .pageBox {
   background: #13272F;