From 081b7245138d8ebc7aed5ee292531cc9c17a6e89 Mon Sep 17 00:00:00 2001
From: miaoSpring <539943419@qq.com>
Date: Wed, 25 Dec 2024 23:22:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=86=8D=E6=AC=A1=E5=86=8D=E6=AC=A1?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9B=A0=E4=B8=BAmargin=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E7=9B=AE=E5=BD=95=E6=BB=91=E5=8A=A8?=
 =?UTF-8?q?=E5=8D=A1=E9=A1=BF=E7=9A=84=E7=8E=B0=E8=B1=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/miaoDirectory/components/miaoDirectoryItem.vue | 7 ++++---
 .../components/miaoDirectoryItemsContainer.vue             | 5 +++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/plugins/miaoDirectory/components/miaoDirectoryItem.vue b/src/plugins/miaoDirectory/components/miaoDirectoryItem.vue
index 326cdbd..6bbe6be 100644
--- a/src/plugins/miaoDirectory/components/miaoDirectoryItem.vue
+++ b/src/plugins/miaoDirectory/components/miaoDirectoryItem.vue
@@ -201,7 +201,8 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 .miao-item {
    cursor: pointer;
-   width: calc(100% - 20px);
+   // width: calc(100% - 20px);
+   width: 100%;
    // min-width: 170px;
    // aspect-ratio: 66/9;
    height: 50px;
@@ -209,12 +210,12 @@ onBeforeUnmount(() => {
    display: flex;
    justify-content: center;
    align-items: center;
-   margin: 10px 10px;
+   // margin: 10px 10px;
 
    .item-main {
       position: relative;
       width: 100%;
-      height: 95%;
+      height: 100%;
       background-color: rgb(255, 255, 255);
       border-radius: 7px;
       display: flex;
diff --git a/src/plugins/miaoDirectory/components/miaoDirectoryItemsContainer.vue b/src/plugins/miaoDirectory/components/miaoDirectoryItemsContainer.vue
index 28574d4..ae28b41 100644
--- a/src/plugins/miaoDirectory/components/miaoDirectoryItemsContainer.vue
+++ b/src/plugins/miaoDirectory/components/miaoDirectoryItemsContainer.vue
@@ -6,6 +6,7 @@
       }">
       <n-scrollbar ref="scrollbarRef" style="max-height: 100%">
          <miao-lazy-div
+            class="miao-directory-container-items-container"
             v-for="dir in showData_directory"
             :key="dir.id"
             min-height="50px"
@@ -23,6 +24,7 @@
                @on-selected="handleItemSelect(dir)" />
          </miao-lazy-div>
          <miao-lazy-div
+            class="miao-directory-container-items-container"
             v-for="file in showData_files"
             :key="file.id"
             min-height="50px">
@@ -178,5 +180,8 @@ defineExpose({
    width: 100%;
    flex: 1;
    min-height: 0;
+   .miao-directory-container-items-container {
+      margin: 10px;
+   }
 }
 </style>