优化分享码没有数据时的显示页面

web/src/views/ShareKey.vue

@@ -4,25 +4,12 @@
       <div class="balance-wrap">
         <n-statistic style="color: black; font-weight: bold">我的分享码</n-statistic>
       </div>
-        <template #footer>
-          <div class="pagination-wrap" v-if="totalPage > 1">
-            <n-pagination
-              :page="page"
-              @update:page="updatePage"
-              :page-slot="!store.state.collapsedRight ? 8 : 5"
-              :page-count="totalPage"
-            />
-          </div>
-        </template>
 
       <div v-if="loading" class="skeleton-wrap">
         <post-skeleton :num="pageSize" />
       </div>
       <div v-else>
-          <div class="empty-wrap" v-if="shareKeys.length === 0">
+        <div class="table-wrap">
-            <n-empty size="large" description="暂无数据" />
-          </div>
-  
           <n-table :bordered="false" :single-line="false" striped>
             <thead>
               <tr>
@@ -45,6 +32,20 @@
               </tr>
             </tbody>
           </n-table>
+
+          <div class="empty-wrap" v-if="shareKeys.length === 0">
+            <n-empty size="large" description="暂无数据" />
+          </div>
+        </div>
+
+        <div class="pagination-wrap" v-if="totalPage > 1">
+          <n-pagination
+            :page="page"
+            @update:page="updatePage"
+            :page-slot="!store.state.collapsedRight ? 8 : 5"
+            :page-count="totalPage"
+          />
+        </div>
       </div>
     </n-list>
 
@@ -63,7 +64,7 @@
       </n-card>
     </n-modal>
   </div>
-  </template>  
+</template>
 
 <script setup lang="ts">
 import { ref, onMounted } from "vue";