feat: main窗口滚动调整

src/style/global-scrollbar.scss

@@ -8,21 +8,21 @@
 ::-webkit-scrollbar-thumb {
   width: 6px;
   border-radius: 6px;
-  background-color: $color-border-2;
+  background-color: $color-border-3;
 }
 // 设置滚动条hover样式，宽、圆角、背景颜色
 ::-webkit-scrollbar-thumb:hover {
   width: 6px;
-  background-color: $color-border-3;
+  background-color: $color-border-4;
 }
 
 // 设置IE/Edge浏览器滚动条的样式，与webkit内核浏览器样式相同
 ::-ms-scrollbar-thumb {
   width: 6px;
   border-radius: 6px;
-  background-color: $color-border-2;
+  background-color: $color-border-3;
 }
 ::-ms-scrollbar-thumb:hover {
   width: 6px;
-  background-color: $color-border-3;
+  background-color: $color-border-4;
 }

src/style/global-style.scss

@@ -2,13 +2,11 @@
 
 // 有背景色的页面
 .snow-page {
-  // margin 和 padding 边距一致，是为了保持视觉上的内外统一
-  // margin: $padding;
-  box-sizing: border-box;
   flex: 1;
   padding: $padding;
+  box-sizing: border-box;
   overflow-y: auto;
-  background: $color-bg-1;
+  background: $color-fill-1;
 }
 
 // 没有背景色的页面

src/views/file-management/document-library/components/file-tree.vue

@@ -90,8 +90,7 @@ const sourceTree = ref(fileTreeData.tree);
   }
 }
 
-// 修改底部横向滚动条高度
-:deep(.arco-scrollbar-thumb-direction-horizontal .arco-scrollbar-thumb-bar) {
-  height: 4px;
+:deep(.arco-scrollbar-thumb-bar) {
+  width: 4px;
 }
 </style>

src/views/file-management/document-library/document-library.vue

@@ -1,7 +1,6 @@
 <template>
-  <FillPage>
+  <div class="snow-page">
     <div class="container">
-      <div class="container-main">
       <div class="left-box">
         <div class="box-title">文件库</div>
         <a-divider margin="0" />
@@ -19,7 +18,6 @@
       </div>
     </div>
   </div>
-  </FillPage>
 </template>
 
 <script setup lang="ts">
@@ -36,12 +34,6 @@ const onNode = (list: any) => {
 
 <style lang="scss" scoped>
 .container {
-  height: 100%;
-  padding: $padding;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.container-main {
   height: 100%;
   display: flex;
   overflow: hidden;

src/views/home/home.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="snow-page">
+    <div class="home-page">
       <!-- 常用功能 -->
       <Shortcut />
       <!-- 第三板指标 -->
@@ -9,6 +10,7 @@
       <!-- 数据图 -->
       <DataBox />
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -23,4 +25,9 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.home-page {
+  padding: $padding;
+  background: $color-bg-1;
+}
+</style>