From a640afb6c9eb16b425b30f0db835920e2ea86fc6 Mon Sep 17 00:00:00 2001
From: wf <2547096351@qq.com>
Date: Tue, 2 Jul 2024 13:00:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E5=BA=93=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../document-library/document-library.vue     | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/views/file-management/document-library/document-library.vue b/src/views/file-management/document-library/document-library.vue
index 3982767..5c681aa 100644
--- a/src/views/file-management/document-library/document-library.vue
+++ b/src/views/file-management/document-library/document-library.vue
@@ -1,7 +1,46 @@
 <template>
-  <div class="dc-page">文件库</div>
+  <FillPage>
+    <div class="container">
+      <div class="container-main">
+        <div class="left-box">
+          <a-scrollbar style="height: 100%; overflow: auto" outer-class="scrollbar">
+            <div style="height: 4000px; width: 100%; background-color: var(--color-primary-light-4)">Content</div>
+          </a-scrollbar>
+        </div>
+        <div class="right-box"></div>
+      </div>
+    </div>
+  </FillPage>
 </template>
 
 <script setup lang="ts"></script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  padding: $padding;
+  box-sizing: border-box;
+  overflow: hidden;
+  box-shadow: $shadow-border-1;
+}
+.container-main {
+  height: 100%;
+  display: flex;
+  border: 1px solid gold;
+  overflow: hidden;
+  .left-box {
+    width: 300px;
+    height: 100%;
+    border: 1px solid red;
+    .scrollbar {
+      height: 100%;
+    }
+  }
+  .right-box {
+    margin-left: $padding;
+    width: calc(100% - 220px - $padding);
+    height: 100%;
+    border: 1px solid cyan;
+  }
+}
+</style>