From 8a96c65ee7e5d23f3dae4add7b19c9f6a7e57616 Mon Sep 17 00:00:00 2001
From: wuming230 <1819845645@qq.com>
Date: Thu, 6 Mar 2025 15:48:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=87=E6=A1=A3=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/src/components/DocMenu.vue    |  4 +++
 docs/.vitepress/src/components/DocSearch.vue  | 19 ++++++++++++-
 .../src/components/FloatingButton.vue         |  2 +-
 .../src/components/FloatingButtonDocs.vue     | 17 +++++++++--
 docs/.vitepress/src/layouts/LayoutDoc.vue     | 19 ++++++++-----
 docs/.vitepress/src/views/home/TheHome.vue    |  6 ++++
 .../src/views/search/TheSearchResult.vue      | 28 +++++++++++++++++++
 7 files changed, 83 insertions(+), 12 deletions(-)

diff --git a/docs/.vitepress/src/components/DocMenu.vue b/docs/.vitepress/src/components/DocMenu.vue
index 98ffbfd..732ea17 100644
--- a/docs/.vitepress/src/components/DocMenu.vue
+++ b/docs/.vitepress/src/components/DocMenu.vue
@@ -129,6 +129,10 @@ const expanded = useVModel(props, 'expanded', emits);
     @include hover {
       --menu-item-bg-color-hover: transparent;
     }
+
+    @include respond-to('<=laptop') {
+      margin-bottom: 12px;
+    }
   }
 
   .menu-content {
diff --git a/docs/.vitepress/src/components/DocSearch.vue b/docs/.vitepress/src/components/DocSearch.vue
index 8c2435c..c54a05a 100644
--- a/docs/.vitepress/src/components/DocSearch.vue
+++ b/docs/.vitepress/src/components/DocSearch.vue
@@ -64,9 +64,26 @@ const clearSearchDoc = () => {
   .o-input {
     transition: width var(--o-easing-standard-in) var(--o-duration-m2);
   }
-  margin-bottom: 22px;
+  margin-bottom: 24px;
   height: 40px;
   width: var(--layout-doc-menu-width);
+
+  @include respond-to('<=laptop') {
+    margin-bottom: 12px;
+
+    .o-icon svg {
+      width: 16px;
+    }
+  }
+
+  @include respond-to('phone') {
+    height: 38px;
+    margin-bottom: 8px;
+
+    .o-input {
+      @include text2;
+    }
+  }
 }
 .search-panel {
   width: 100%;
diff --git a/docs/.vitepress/src/components/FloatingButton.vue b/docs/.vitepress/src/components/FloatingButton.vue
index d6f5ccb..e17f84e 100644
--- a/docs/.vitepress/src/components/FloatingButton.vue
+++ b/docs/.vitepress/src/components/FloatingButton.vue
@@ -61,7 +61,7 @@ onUnmounted(() => {
 .feedback-home {
   position: fixed;
   bottom: 257px;
-  right: 80px;
+  right: 64px;
   z-index: 10;
   height: 200px;
 
diff --git a/docs/.vitepress/src/components/FloatingButtonDocs.vue b/docs/.vitepress/src/components/FloatingButtonDocs.vue
index 7d6f401..22f0302 100644
--- a/docs/.vitepress/src/components/FloatingButtonDocs.vue
+++ b/docs/.vitepress/src/components/FloatingButtonDocs.vue
@@ -360,12 +360,21 @@ onUnmounted(() => {
 .feedback {
   position: fixed;
   bottom: 160px;
-  right: 80px;
+  right: 64px;
   z-index: 10;
   height: 200px;
+  width: 48px;
 
   @include respond-to('<=laptop') {
-    right: 24px;
+    right: 40px;
+  }
+
+  @include respond-to('<=pad') {
+    right: 32px;
+  }
+
+  @include respond-to('phone') {
+    right: 12px;
   }
 }
 .dark-nav {
@@ -381,7 +390,7 @@ onUnmounted(() => {
 .nav-box2 {
   display: flex;
   flex-direction: column;
-  padding: 16px 12px;
+  padding: 12px;
   background-color: var(--o-color-fill2);
   border-radius: var(--o-radius-xs);
   box-shadow: var(--o-shadow-2);
@@ -393,6 +402,7 @@ onUnmounted(() => {
   color: var(--o-color-info1);
   cursor: pointer;
   .text-name {
+    transform: scale(0.8);
     @include tip2;
   }
 
@@ -407,6 +417,7 @@ onUnmounted(() => {
 }
 .o-link {
   margin-top: 12px;
+  padding: 0;
 }
 
 .nav-box2 {
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index 835f1f7..20327d0 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -424,6 +424,7 @@ onUnmounted(() => {
       </div>
     </div>
     <div v-if="isPhone" class="doc-menu-mb" :class="[isSidebarHidden ? 'is-closed' : '']">
+      <DocSearch @switchVisible="isSidebarHidden = true" />
       <DocMenu
         v-model="menuStore.menuValue"
         v-model:expanded="menuStore.menuExpanded"
@@ -521,20 +522,24 @@ onUnmounted(() => {
   --layout-doc-menu-gap: 32px;
   // 文档左间距
   --layout-doc-offset-left: calc(var(--layout-doc-menu-width) + var(--layout-doc-menu-offset-left) + var(--layout-doc-menu-gap));
+  // 文档右间距
+  --layout-doc-offset-right: 140px;
 
   @include respond-to('<=laptop') {
     --layout-doc-content-padding: 24px;
     --layout-doc-menu-offset-left: max(calc(40px + (var(--vw100) - 1920px) / 2), 40px);
     --layout-doc-menu-width: 206px;
     --layout-doc-menu-gap: 24px;
+    --layout-doc-offset-right: 112px;
   }
 
   @include respond-to('<=pad') {
     --layout-doc-content-padding: 12px 16px;
-    --layout-doc-menu-offset-left: max(calc(32px + (var(--vw100) - 1920px) / 2), 32px);
+    --layout-doc-menu-offset-left: max(calc(2px + (var(--vw100) - 1920px) / 2), 32px);
     --layout-doc-menu-gap: 32px;
     --layout-doc-offset-left: var(--layout-doc-menu-gap);
-    --layout-doc-width: min(1200px, calc(var(--vw100) - var(--layout-doc-menu-offset-left) * 2));
+    --layout-doc-width: min(1200px, calc(var(--vw100) - var(--layout-doc-menu-offset-left) - var(--layout-doc-offset-right)));
+    --layout-doc-offset-right: 92px;
   }
   @include respond-to('phone') {
     --layout-doc-content-padding: 12px;
@@ -659,7 +664,7 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px 24px;
+  padding: 12px 24px;
   background-color: var(--o-color-fill2);
   box-shadow: var(--o-shadow-2);
 }
@@ -682,12 +687,12 @@ onUnmounted(() => {
 }
 .doc-menu-mb {
   width: 255px;
-  height: calc(100% - var(--layout-header-height) - 56px);
+  height: calc(100% - var(--layout-header-height) - 48px);
   background-color: var(--o-color-fill2);
   padding: 16px 4px 16px 24px;
   position: fixed;
   z-index: 35;
-  top: calc(var(--layout-header-height) + 56px);
+  top: calc(var(--layout-header-height) + 48px);
   left: 0;
 }
 .doc-menu-mb.is-closed {
@@ -778,10 +783,10 @@ onUnmounted(() => {
   padding-top: var(--layout-doc-padding-top);
   padding-bottom: var(--layout-doc-padding-bottom);
   margin-left: var(--layout-doc-offset-left);
-  margin-right: var(--layout-doc-menu-offset-left);
+  margin-right: var(--layout-doc-offset-right);
   width: var(--layout-doc-width);
   @include respond-to('phone') {
-    padding-top: calc(var(--layout-doc-padding-top) + 48px);
+    padding-top: calc(var(--layout-doc-padding-top) + 40px);
   }
 }
 
diff --git a/docs/.vitepress/src/views/home/TheHome.vue b/docs/.vitepress/src/views/home/TheHome.vue
index 16bcff1..1ec6422 100644
--- a/docs/.vitepress/src/views/home/TheHome.vue
+++ b/docs/.vitepress/src/views/home/TheHome.vue
@@ -309,6 +309,12 @@ const hotSearch = (val: string) => {
   }
 }
 
+@include respond-to('laptop') {
+  .content-wrapper {
+    --layout-content-padding: 98px;
+  }
+}
+
 @include respond-to('<=pad') {
   .banner-card {
     margin-top: 16px;
diff --git a/docs/.vitepress/src/views/search/TheSearchResult.vue b/docs/.vitepress/src/views/search/TheSearchResult.vue
index 60046ab..bb84f7c 100644
--- a/docs/.vitepress/src/views/search/TheSearchResult.vue
+++ b/docs/.vitepress/src/views/search/TheSearchResult.vue
@@ -316,4 +316,32 @@ const goToPage = (href: string) => {
   height: calc(100vh - var(--layout-header-height) - 246px);
   overflow: hidden;
 }
+
+@include respond-to('<=laptop') {
+  .search-result {
+    padding: 24px;
+  }
+
+  .search-header {
+    margin-top: 16px;
+  }
+
+  .search-result-item {
+    margin-top: 24px;
+  }
+}
+
+@include respond-to('<=pad') {
+  .search-result {
+    padding: 16px;
+  }
+
+  .search-header {
+    margin-top: 12px;
+  }
+
+  .search-result-item {
+    margin-top: 16px;
+  }
+}
 </style>
-- 
Gitee