From 025fd500c940399c99dcf95ef244e2506173b24a Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Tue, 15 Jul 2025 17:37:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E4=B8=8B=E4=B8=80?=
 =?UTF-8?q?=E9=A1=B5=E6=98=BE=E7=A4=BA=E9=A1=BA=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/doc/DocPagination.vue      | 40 +++++++++++++------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/app/.vitepress/src/components/doc/DocPagination.vue b/app/.vitepress/src/components/doc/DocPagination.vue
index bcff96b17..72532b6fd 100644
--- a/app/.vitepress/src/components/doc/DocPagination.vue
+++ b/app/.vitepress/src/components/doc/DocPagination.vue
@@ -49,7 +49,7 @@ const config = computed(() => {
     <ODivider />
     <div class="doc-footer-content">
       <a class="link-item-prev link-item" :href="config.prevHref" v-if="config.prevHref && config.prevLabel" @click="emits('page-change', 'prev')">
-        <OIcon>
+        <OIcon class="icon-arrow-left">
           <OIconArrowLeft />
         </OIcon>
         <span class="prev-text-wrap">
@@ -61,10 +61,10 @@ const config = computed(() => {
 
       <a class="link-item-next link-item" :href="config.nextHref" v-if="config.nextHref && config.nextLabel" @click="emits('page-change', 'next')">
         <span class="next-text-wrap">
-          <span class="next-text">{{ t('docs.next') }}</span>
           <span class="title-text">{{ config.nextLabel }}</span>
+          <span class="next-text">{{ t('docs.next') }}</span>
         </span>
-        <OIcon>
+        <OIcon class="icon-arrow-right">
           <OIconArrowRight />
         </OIcon>
       </a>
@@ -138,42 +138,58 @@ const config = computed(() => {
 .next-text-wrap {
   display: flex;
   align-items: center;
+  
 
   @include respond-to('phone') {
-    flex-direction: column;
+    gap: 4px;
   }
 }
 
 .prev-text-wrap {
-  padding-left: 10px;
-
   @include respond-to('phone') {
+    flex-direction: column;
     align-items: flex-end;
   }
 }
 
 .next-text-wrap {
-  padding-right: 10px;
-
   @include respond-to('phone') {
+    flex-direction: column-reverse;
     align-items: flex-start;
   }
 }
 
-.pre-text,
+.pre-text {
+  padding: 0 16px 0 10px;
+}
+
 .next-text {
-  padding-right: 16px;
+  padding: 0 10px 0 16px;
+}
 
+.pre-text,
+.next-text {
   @include respond-to('phone') {
-    padding-right: 0;
+    padding: 0;
   }
 }
 
 .title-text {
   @include respond-to('phone') {
-    margin-top: 4px;
     @include text-truncate(1);
     @include text2;
   }
 }
+
+.icon-arrow-left {
+  @include respond-to('phone') {
+    padding-right: 8px;
+  }
+}
+
+.icon-arrow-right {
+  @include respond-to('phone') {
+    padding-left: 8px;
+  }
+}
 </style>
-- 
Gitee