feat: 官网代码全量更新

覆盖最新版本代码，包含：
- 新增品牌百科、公司百科页面及CMS管理
- 新增微信引导组件(WechatCTA)
- 新增品牌/公司图片资源
- 全站组件/页面/数据/样式更新

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

components/about/BrandStory.vue

@@ -6,7 +6,7 @@
         <div class="story-photo">
           <div class="story-photo-card">
             <img
-              :src="images.brandStory.photo"
+              :src="images?.brandStory?.photo"
               alt="呼籁旅行创始人在呼伦贝尔草原"
               width="600"
               height="800"
@@ -32,8 +32,10 @@
 </template>
 
 <script setup>
-import images from '~/data/images.json'
-defineProps({ story: { type: Object, required: true } })
+defineProps({
+  story: { type: Object, required: true },
+  images: { type: Object, default: () => ({}) },
+})
 </script>
 
 <style lang="less" scoped>

components/about/MascotShowcase.vue

@@ -6,7 +6,7 @@
       <div class="mascot-hero">
         <div class="mascot-image">
           <img
-            :src="images.mascot.front"
+            :src="images?.mascot?.front"
             alt="籁小咩 - 呼籁旅行品牌IP吉祥物，一只可爱的小羊形象"
             width="280"
             height="380"
@@ -28,7 +28,7 @@
       <!-- 草原场景 -->
       <div class="mascot-banner">
         <img
-          :src="images.mascot.banner"
+          :src="images?.mascot?.banner"
           alt="籁小咩在呼伦贝尔草原上向你招手"
           width="800"
           height="300"
@@ -40,7 +40,7 @@
       <div class="mascot-sticker">
         <div class="mascot-sticker-qr">
           <img
-            :src="images.mascot.stickerQr"
+            :src="images?.mascot?.stickerQr"
             alt="籁小咩微信表情包二维码"
             width="160"
             height="160"
@@ -58,7 +58,9 @@
 </template>
 
 <script setup>
-import images from '~/data/images.json'
+defineProps({
+  images: { type: Object, default: () => ({}) },
+})
 </script>
 
 <style lang="less" scoped>

components/about/TeamIntro.vue

@@ -11,7 +11,7 @@
           <div class="team-photo-card">
             <div class="team-photo-wrap team-photo-wrap--survey">
               <img
-                :src="images.team.guideGroup"
+                :src="images?.team?.guideGroup"
                 alt="2024呼籁文旅车队踩线全体领队合影"
                 loading="lazy"
               />
@@ -24,7 +24,7 @@
           <div class="team-photo-card">
             <div class="team-photo-wrap team-photo-wrap--survey">
               <img
-                :src="images.team.routeSurvey"
+                :src="images?.team?.routeSurvey"
                 alt="2025秋呼籁文旅游牧的森林车队踩线全体领队合影"
                 loading="lazy"
               />
@@ -41,7 +41,7 @@
           <div class="team-photo-card">
             <div class="team-photo-wrap team-photo-wrap--misc">
               <img
-                :src="images.team.guideTraining"
+                :src="images?.team?.guideTraining"
                 alt="呼籁文旅2026年司导线下培训"
                 loading="lazy"
               />
@@ -54,7 +54,7 @@
           <div class="team-photo-card">
             <div class="team-photo-wrap team-photo-wrap--misc">
               <img
-                :src="images.team.ranchStore"
+                :src="images?.team?.ranchStore"
                 alt="呼籁牧场线下店开业团队合影"
                 loading="lazy"
               />
@@ -71,8 +71,10 @@
 </template>
 
 <script setup>
-import images from '~/data/images.json'
-defineProps({ team: { type: Object, required: true } })
+defineProps({
+  team: { type: Object, required: true },
+  images: { type: Object, default: () => ({}) },
+})
 </script>
 
 <style lang="less" scoped>

components/about/XiaohongshuShowcase.vue

@@ -7,7 +7,7 @@
         <!-- 顶部：品牌主页截图作为横幅 -->
         <div class="xhs-banner">
           <img
-            :src="images.xiaohongshu.storefront"
+            :src="images?.xiaohongshu?.storefront"
             alt="呼籁旅行小红书品牌主页 - Mr.小雷-呼籁旅行 50万家庭青睐的草原旅行品牌"
             width="800"
             height="300"
@@ -56,8 +56,10 @@
 </template>
 
 <script setup>
-import images from '~/data/images.json'
-defineProps({ xhs: { type: Object, required: true } })
+defineProps({
+  xhs: { type: Object, required: true },
+  images: { type: Object, default: () => ({}) },
+})
 </script>
 
 <style lang="less" scoped>