From a82030b04f74f040d48d4181a601f33710369db7 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Wed, 23 Oct 2024 22:53:46 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E5=B9=B4docx?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88=E6=A1=86=E6=BA=A2=E5=87=BA?=
 =?UTF-8?q?bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/filePreview/DocxPreview.vue | 25 ++++++++++++++++++----
 src/components/filePreview/PdfPreview.vue  |  2 +-
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/filePreview/DocxPreview.vue b/src/components/filePreview/DocxPreview.vue
index 9680664..727e62d 100644
--- a/src/components/filePreview/DocxPreview.vue
+++ b/src/components/filePreview/DocxPreview.vue
@@ -55,19 +55,36 @@ previewFile()
 </script>
 <style lang="scss">
 .docx-preview {
+  overflow: auto;
+  height: 650px !important;
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  // 滚动条轨道
+  &::-webkit-scrollbar-track {
+    background: rgb(239, 239, 239);
+    border-radius: 2px;
+  }
+
+  // 小滑块
+  &::-webkit-scrollbar-thumb {
+    background: rgba(80, 81, 82, 0.29);
+    border-radius: 10px;
+  }
   .docx-wrapper > section.docx {
     margin-bottom: 0 !important;
   }
 
   .docx-wrapper {
-    height: 650px !important;
     padding: 10px !important;
 
     .docx {
       width: 100% !important;
-      min-height: 600px !important;
-      overflow: scroll !important;
-      padding: 70pt 20pt 0 20pt !important;
+      min-height: 100vh !important;
+      overflow: auto !important;
+      //padding: 70pt 20pt 0 20pt !important;
 
       table {
         width: 100% !important;
diff --git a/src/components/filePreview/PdfPreview.vue b/src/components/filePreview/PdfPreview.vue
index 8858b87..a51acfd 100644
--- a/src/components/filePreview/PdfPreview.vue
+++ b/src/components/filePreview/PdfPreview.vue
@@ -24,7 +24,7 @@ const props = defineProps({
 <style lang="scss">
 #vuePdfApp {
   width: auto !important;
-  height: 750px !important;
+  height: 650px !important;
 }
 
 #viewerContainer {