From 6b9c0a6c41920cfac464cd9e5e31ebebf8b93e60 Mon Sep 17 00:00:00 2001
From: wx <2636507191@qq.com>
Date: Fri, 17 Apr 2026 13:22:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(summer-camp):=20=E5=9B=9B=E5=A4=A7=E5=8E=9F?=
 =?UTF-8?q?=E5=88=99=E5=8D=A1=E7=89=87=E5=85=BC=E5=AE=B9=E5=AF=B9=E8=B1=A1?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F({title,desc})?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/summer-camp.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/pages/summer-camp.vue b/pages/summer-camp.vue
index 6991b5e..9f4f615 100644
--- a/pages/summer-camp.vue
+++ b/pages/summer-camp.vue
@@ -118,7 +118,11 @@
         <div class="principles-grid">
           <div v-for="(p, i) in camp.principles" :key="i" class="principle-card">
             <div class="principle-index">{{ String(i + 1).padStart(2, '0') }}</div>
-            <h3 class="principle-name">{{ p }}</h3>
+            <template v-if="p && typeof p === 'object'">
+              <h3 class="principle-name">{{ p.title }}</h3>
+              <p v-if="p.desc" class="principle-desc">{{ p.desc }}</p>
+            </template>
+            <h3 v-else class="principle-name">{{ p }}</h3>
           </div>
         </div>
       </div>
@@ -399,6 +403,13 @@ const campFAQ = computed(() => camp.value?.faq || [])
   font-weight: @font-weight-medium;
 }
 
+.principle-desc {
+  margin-top: @space-xs;
+  font-size: @font-size-sm;
+  color: @color-text-secondary;
+  line-height: 1.6;
+}
+
 // 行程概览
 .itinerary-list {
   max-width: 800px;