123

src/css/index.scss

@@ -294,4 +294,21 @@ s {
 .el-tree--highlight-current .is-current.el-tree-node > .el-tree-node__content {
   background-color: #74dad1 !important;
   color: #fff;
-}
+}
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 4px; /*  设置纵轴（y轴）轴滚动条 */
+  height: 4px; /*  设置横轴（x轴）轴滚动条 */
+}
+/* 滚动条滑块（里面小方块） */
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px #539f9a;
+  background: #539f9a;
+}
+/* 滚动条轨道 */
+::-webkit-scrollbar-track {
+  border-radius: 0;
+  box-shadow: inset #fff;
+  background: #2B5451;
+}

src/views/Data.vue

@@ -116,6 +116,7 @@ export default {
   width: 15%;
   border: 1px solid #006b3b;
   font-size: 16px;
+  overflow:auto;
   img {
     width: 24px;
   }
@@ -139,6 +140,7 @@ export default {
   .right-set {
     width: 10%;
     padding: 20px;
+    overflow: auto;
   }
   .right-table {
     width: 88%;