From a8128aaf7a346d18178f595cbf9a020129dd6b9a Mon Sep 17 00:00:00 2001
From: lzx_win <2602107437@qq.com>
Date: Fri, 7 Nov 2025 11:04:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(plan.vue):=20=E6=B7=BB=E5=8A=A0=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E7=8A=B6=E6=80=81=E5=A4=84=E7=90=86=E4=BB=A5=E6=94=B9?=
 =?UTF-8?q?=E5=96=84=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在页面加载时显示加载动画，防止数据未准备好时显示空白内容。同时调整底部栏的显示逻辑，仅在加载完成且符合条件时显示
---
 subPages/home/plan.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/subPages/home/plan.vue b/subPages/home/plan.vue
index a1a18b3..1123383 100644
--- a/subPages/home/plan.vue
+++ b/subPages/home/plan.vue
@@ -1,8 +1,13 @@
 <template>
   <view class="plan-container">
     
+    <!-- 加载动画 -->
+    <view class="loading-container" v-if="loading">
+      <uv-loading-icon text="加载中..." size="28"></uv-loading-icon>
+    </view>
+    
     <!-- 主体内容 -->
-    <view class="main-content">
+    <view class="main-content" v-if="!loading">
       
       <!-- 内容卡片 -->
       <view class="content-card">
@@ -15,7 +20,7 @@
     </view>
     
     <!-- 底部固定报名栏 -->
-    <view class="bottom-bar" v-if="type === 1 || type === '1'">
+    <view class="bottom-bar" v-if="!loading && (type === 1 || type === '1')">
       <uv-button 
         type="primary" 
         text="报名" 
@@ -41,6 +46,7 @@
 export default {
   data() {
     return {
+      loading: true, // 初始加载状态
       richTextContent: '',
       // richTextContent: `
       //   <div style="padding: 0;">
@@ -78,6 +84,7 @@ export default {
   },
  
   async onShow() {
+    this.loading = true;
     try{
       const askRes = await this.$api.home.getLinkDetails({
         id: this.id
@@ -88,6 +95,8 @@ export default {
       }
     } catch (error) {
       console.error('获取链接详情失败:', error)
+    } finally {
+      this.loading = false;
     }
   },
 
@@ -106,6 +115,13 @@ export default {
   flex-direction: column;
 }
 
+.loading-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
 .main-content {
   flex: 1;
   padding: 40rpx 32rpx 120rpx;