feat: 官网代码全量更新 (2026-04-18)

components/about/CopyrightList.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section">
     <div class="container">
-      <CommonSectionTitle title="知识产权" subtitle="商标全品类注册 + 4项国家版权登记" />
+      <CommonSectionTitle :title="st('aboutPage.copyright', '知识产权')" :subtitle="st('aboutPage.copyright', '商标全品类注册 + 4项国家版权登记', 'subtitle')" />
       <p class="copyright-intro">呼籁集团重视品牌知识产权保护。「呼籁」商标已完成全品类注册，核心产品名称、品牌标识和IP形象均已在中国版权保护中心完成作品登记。</p>
 
       <!-- 商标 -->
@@ -48,6 +48,7 @@ defineProps({
   copyrights: { type: Array, required: true },
   trademark: { type: Object, default: null }
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>

components/about/CultureValues.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section">
     <div class="container">
-      <CommonSectionTitle title="企业文化" />
+      <CommonSectionTitle :title="st('aboutPage.cultureValues', '企业文化')" />
       <p v-if="culture.core" class="culture-core">{{ culture.core }}</p>
       <div class="values-grid">
         <div v-for="v in culture.values" :key="v.name" class="value-item">
@@ -15,6 +15,7 @@
 
 <script setup>
 defineProps({ culture: { type: Object, required: true } })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>

components/about/MascotShowcase.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section section--warm">
     <div class="container">
-      <CommonSectionTitle title="品牌IP · 籁小咩" subtitle="LAI XIAO MIE" />
+      <CommonSectionTitle :title="st('aboutPage.mascot', '品牌IP · 籁小咩')" :subtitle="st('aboutPage.mascot', 'LAI XIAO MIE', 'subtitle')" />
 
       <div class="mascot-hero">
         <div class="mascot-image">
@@ -61,6 +61,7 @@
 defineProps({
   images: { type: Object, default: () => ({}) },
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>

components/about/QualificationList.vue

@@ -2,7 +2,7 @@
   <section class="section">
     <div class="container">
       <!-- 资质认证 -->
-      <CommonSectionTitle title="资质认证" />
+      <CommonSectionTitle :title="st('aboutPage.qualCert', '资质认证')" />
       <div class="qual-list">
         <div v-for="c in certifications" :key="c.title" class="qual-item qual-item--cert">
           <div class="qual-icon">🏆</div>
@@ -16,15 +16,15 @@
       <!-- 小红书WILL大会获奖照片 -->
       <div class="award-gallery">
         <div class="award-gallery-grid">
-          <img src="/images/awards/will-award-person.jpg" alt="呼籁旅行创始人在2026小红书WILL商业大会领取年度成长型品牌奖" class="award-img award-img--main" loading="lazy" />
-          <img src="/images/awards/will-award-trophy.jpg" alt="2026小红书WILL商业大会年度成长型品牌奖杯" class="award-img" loading="lazy" />
-          <img src="/images/awards/will-award-stage.jpg" alt="2026小红书WILL商业大会年度成长型品牌颁奖典礼" class="award-img" loading="lazy" />
+          <img :src="'/images/awards/will-award-person.jpg'" alt="呼籁旅行创始人在2026小红书WILL商业大会领取年度成长型品牌奖" class="award-img award-img--main" loading="lazy" />
+          <img :src="'/images/awards/will-award-trophy.jpg'" alt="2026小红书WILL商业大会年度成长型品牌奖杯" class="award-img" loading="lazy" />
+          <img :src="'/images/awards/will-award-stage.jpg'" alt="2026小红书WILL商业大会年度成长型品牌颁奖典礼" class="award-img" loading="lazy" />
         </div>
         <p class="award-caption">2026小红书WILL商业大会 · 年度成长型品牌 · 文旅行业仅6家获此殊荣</p>
       </div>
 
       <!-- 服务保障 -->
-      <CommonSectionTitle title="服务保障" style="margin-top: 48px;" />
+      <CommonSectionTitle :title="st('aboutPage.qualService', '服务保障')" style="margin-top: 48px;" />
       <div class="qual-list qual-list--grid">
         <div v-for="g in guarantees" :key="g.title" class="qual-item qual-item--guarantee">
           <div class="qual-icon">✅</div>
@@ -43,6 +43,7 @@ defineProps({
   certifications: { type: Array, required: true },
   guarantees: { type: Array, required: true }
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>

components/about/TeamIntro.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section section--warm">
     <div class="container">
-      <CommonSectionTitle title="我们的团队" />
+      <CommonSectionTitle :title="st('aboutPage.team', '我们的团队')" />
       <p class="team-summary">{{ team.summary }}</p>
 
       <!-- 团队照片墙 -->
@@ -75,6 +75,7 @@ defineProps({
   team: { type: Object, required: true },
   images: { type: Object, default: () => ({}) },
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>

components/about/XiaohongshuShowcase.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="section">
     <div class="container">
-      <CommonSectionTitle title="小红书上的呼籁" subtitle="XIAOHONGSHU" />
+      <CommonSectionTitle :title="st('aboutPage.xiaohongshu', '小红书上的呼籁')" :subtitle="st('aboutPage.xiaohongshu', 'XIAOHONGSHU', 'subtitle')" />
 
       <div class="xhs-card">
         <!-- 顶部：品牌主页截图作为横幅 -->
@@ -60,6 +60,7 @@ defineProps({
   xhs: { type: Object, required: true },
   images: { type: Object, default: () => ({}) },
 })
+const st = await useSectionTitles()
 </script>
 
 <style lang="less" scoped>