Merge branch 'master' of http://192.168.50.233:3000/rui.jiang/performance-test

src/views/overview/components/analysis_information/index.vue

@@ -263,6 +263,27 @@ export default {
   width: 100%;
   height: 100%;
   overflow-y: scroll;
+   /* 滚动条整体样式 */
+   &::-webkit-scrollbar {
+    width: 6px; /* 滚动条宽度 */
+  }
+
+  /* 滚动条轨道 */
+  &::-webkit-scrollbar-track {
+    background: #f5f7fa;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+  }
+
+  /* 滚动条滑块悬停时 */
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
 
   .box-header {
     padding: 10px;

src/views/overview/index.vue

@@ -224,7 +224,27 @@ export default {
     padding-right: 20px;
     margin-bottom: 20px;
     overflow-y: scroll;
+    /* 滚动条整体样式 */
+    &::-webkit-scrollbar {
+      width: 0px; /* 滚动条宽度 */
+    }
+
+    /* 滚动条轨道 */
+    &::-webkit-scrollbar-track {
+      background: #f5f7fa;
+      border-radius: 3px;
+    }
+
+    /* 滚动条滑块 */
+    &::-webkit-scrollbar-thumb {
+      background: #c0c4cc;
+      border-radius: 3px;
+    }
 
+    /* 滚动条滑块悬停时 */
+    &::-webkit-scrollbar-thumb:hover {
+      background: #909399;
+    }
     .filterInput {
       margin: 20px 0;
     }
@@ -233,12 +253,35 @@ export default {
     flex: 1;
     padding-left: 20px;
     overflow: hidden;
+
     /* 横向滚动设置 */
     .el-menu-demo {
       max-width: 100%; /* 容器宽度为100% */
       white-space: nowrap; /* 阻止换行 */
       overflow-x: auto; /* 允许横向滚动 */
       display: flex; /* 让子菜单元素保持在同一行 */
+
+      /* 滚动条整体样式 */
+      &::-webkit-scrollbar {
+        height: 6px; /* 滚动条宽度 */
+      }
+
+      /* 滚动条轨道 */
+      &::-webkit-scrollbar-track {
+        background: #f5f7fa;
+        border-radius: 3px;
+      }
+
+      /* 滚动条滑块 */
+      &::-webkit-scrollbar-thumb {
+        background: #c0c4cc;
+        border-radius: 3px;
+      }
+
+      /* 滚动条滑块悬停时 */
+      &::-webkit-scrollbar-thumb:hover {
+        background: #909399;
+      }
     }
   }
   .el-menu-demo {