样式调整

Web/src/views/EmailRecord.vue

@@ -1,26 +1,11 @@
 <template>
   <div class="page-container-flex">
-    <!-- 顶部导航栏 -->
-    <van-nav-bar title="邮件记录" placeholder>
-      <template #right>
-        <van-button 
-          size="small" 
-          type="primary" 
-          :loading="syncing"
-          @click="handleSync"
-        >
-          立即同步
-        </van-button>
-      </template>
-    </van-nav-bar>
-
     <!-- 下拉刷新区域 -->
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
       <!-- 加载提示 -->
       <van-loading v-if="loading && !(emailList && emailList.length)" vertical style="padding: 50px 0">
         加载中...
       </van-loading>
-
       <!-- 邮件列表 -->
       <van-list
         v-model:loading="loading"
@@ -66,6 +51,9 @@
           description="暂无邮件记录" 
         />
       </van-list>
+
+      <!-- 底部安全距离 -->
+      <div style="height: calc(50px + env(safe-area-inset-bottom, 0px))"></div>
     </van-pull-refresh>
 
     <!-- 详情弹出层 -->
@@ -405,6 +393,11 @@ const formatDate = (dateString) => {
 onMounted(() => {
   loadData(true)
 })
+
+// 暴露给父级方法调用
+defineExpose({
+  handleSync
+})
 </script>
 
 <style scoped>