优化样式

src/App.vue

@@ -63,11 +63,16 @@ router.beforeEach((to, from) => {
   --g-lighter2: calc(var(--g) + (255 - var(--g)) * 0.5);
   --b-lighter2: calc(var(--b) + (255 - var(--b)) * 0.5);
 
+  --r-lighter3: calc(var(--r) + (255 - var(--r)) * 0.9);
+  --g-lighter3: calc(var(--g) + (255 - var(--g)) * 0.9);
+  --b-lighter3: calc(var(--b) + (255 - var(--b)) * 0.9);
+
   --r-darker: calc(var(--r) * 0.8);
   --g-darker: calc(var(--g) * 0.8);
   --b-darker: calc(var(--b) * 0.8);
 
   --primary-color: rgb(var(--r), var(--g), var(--b));
+  --primary-color-hover: rgb(var(--r-lighter3), var(--g-lighter3), var(--b-lighter3));
   --el-color-primary: var(--primary-color) !important;
   --el-button-hover-bg-color: var(--primary-color) !important;
   --el-color-primary-light-3: rgb(var(--r-lighter), var(--g-lighter), var(--b-lighter)) !important;
@@ -172,6 +177,7 @@ html {
  高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar {
   width: 4px;
+  height: 2px;
 }
 
 /*定义滚动条轨道
@@ -187,6 +193,22 @@ html {
   background-color: #d3d3d3;
 }
 
+.scroll-x {
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 0;
+    background-color: transparent;
+  }
+}
+
 .mt50 {
   margin-top: 50px;
 }