From affd03a211bbe62ae795f52cd240ea6e966c0dd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=B1=E5=86=A0=E5=AD=A6?= <1109935898@qq.com>
Date: Mon, 12 Aug 2024 17:43:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E7=AD=94=EF=BC=8C=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E7=AB=AF=EF=BC=8C=E4=B8=8A=E4=B8=80=E9=A1=B5=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PfePagination.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/PfePagination.vue b/src/components/PfePagination.vue
index 7d459d0e..9c888e4c 100644
--- a/src/components/PfePagination.vue
+++ b/src/components/PfePagination.vue
@@ -1,9 +1,10 @@
 <template>
   <div v-if="isMobile" class="pagination-mob" wrapperClassName="spin">
     <!-- mob端 -->
-    <a-spin :spinning="prevLoading">
+    <a-spin v-show="showPrevious && page > min && page < pages"
+            :spinning="prevLoading"
+            wrapperClassName="spin prev-spin">
       <div
-        v-show="showPrevious && page > min && page < pages"
         class="pfe-button btn previous my-btn"
         @click="previous"
         :style="`color: ${buttonTextColor};background-color: ${buttonColor}`"
@@ -208,6 +209,10 @@ export default defineComponent({
     }
   }
 
+  .prev-spin {
+    margin-right: 20px;
+  }
+
   .btn {
     width: calc(50% - 30px);
     height: 44px;
@@ -227,7 +232,7 @@ export default defineComponent({
     color: #70b936;
     background-color: #fff;
     // border: 1px solid $yili-default-color;
-    margin-right: 20px;
+    //margin-right: 20px;
 
     .iconfont {
       margin-right: 8px;