From a0366d080941715152aa4b57f626d2dc635e4872 Mon Sep 17 00:00:00 2001
From: "WANGFAN\\wangf" <15871339963@163.com>
Date: Wed, 4 Sep 2024 00:09:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20main=E7=AA=97=E5=8F=A3=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style/global-scrollbar.scss               |  8 ++--
 src/style/global-style.scss                   |  6 +--
 .../document-library/components/file-tree.vue |  5 +--
 .../document-library/document-library.vue     | 38 ++++++++-----------
 src/views/home/home.vue                       | 25 +++++++-----
 5 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/src/style/global-scrollbar.scss b/src/style/global-scrollbar.scss
index 63f0a1b..b0fe742 100644
--- a/src/style/global-scrollbar.scss
+++ b/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;
 }
diff --git a/src/style/global-style.scss b/src/style/global-style.scss
index 2e89a13..1fe6166 100644
--- a/src/style/global-style.scss
+++ b/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;
 }
 
 // 没有背景色的页面
diff --git a/src/views/file-management/document-library/components/file-tree.vue b/src/views/file-management/document-library/components/file-tree.vue
index d441716..c9312da 100644
--- a/src/views/file-management/document-library/components/file-tree.vue
+++ b/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>
diff --git a/src/views/file-management/document-library/document-library.vue b/src/views/file-management/document-library/document-library.vue
index 7e69eff..facc721 100644
--- a/src/views/file-management/document-library/document-library.vue
+++ b/src/views/file-management/document-library/document-library.vue
@@ -1,25 +1,23 @@
 <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" />
-          <FileTree class="file-tree-style" @on-node="onNode" />
-        </div>
-        <div class="right-box">
-          <div class="box-title">
-            <a-breadcrumb>
-              <a-breadcrumb-item v-for="(item, index) in breadcrumb" :key="index">{{ item.title }}</a-breadcrumb-item>
-              <a-breadcrumb-item v-if="breadcrumb.length == 0">全部</a-breadcrumb-item>
-            </a-breadcrumb>
-          </div>
-          <a-divider margin="0" />
-          <FileTable ref="FileTableRef" class="file-table-style" />
+      <div class="left-box">
+        <div class="box-title">文件库</div>
+        <a-divider margin="0" />
+        <FileTree class="file-tree-style" @on-node="onNode" />
+      </div>
+      <div class="right-box">
+        <div class="box-title">
+          <a-breadcrumb>
+            <a-breadcrumb-item v-for="(item, index) in breadcrumb" :key="index">{{ item.title }}</a-breadcrumb-item>
+            <a-breadcrumb-item v-if="breadcrumb.length == 0">全部</a-breadcrumb-item>
+          </a-breadcrumb>
         </div>
+        <a-divider margin="0" />
+        <FileTable ref="FileTableRef" class="file-table-style" />
       </div>
     </div>
-  </FillPage>
+  </div>
 </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;
diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index 7ee5287..4203b2a 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="snow-page">
-    <!-- 常用功能 -->
-    <Shortcut />
-    <!-- 第三板指标 -->
-    <TargetBox />
-    <!-- 财务指标 -->
-    <Finance />
-    <!-- 数据图 -->
-    <DataBox />
+    <div class="home-page">
+      <!-- 常用功能 -->
+      <Shortcut />
+      <!-- 第三板指标 -->
+      <TargetBox />
+      <!-- 财务指标 -->
+      <Finance />
+      <!-- 数据图 -->
+      <DataBox />
+    </div>
   </div>
 </template>
 
@@ -23,4 +25,9 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.home-page {
+  padding: $padding;
+  background: $color-bg-1;
+}
+</style>