update: 文章信息，微信二维码

components/Footer.vue

@@ -16,8 +16,20 @@ const footer = useFoot()
         {{ $t(col.title) }}
       </h5>
 
-      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" class="flex gap-2 font-bold" :href="item.link.href">
-        <span :class="item.icon" />{{ $t(item.link.name) }}
+      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" :href="item.link.href">
+        <ABtn v-if="item.icon === 'i-ic-sharp-wechat'" variant="text" color="slate-200" class="dark:!text-light/50" :icon="item.icon">
+          {{ $t(item.link.name) }}
+          <ATooltip class="[&_.a-tooltip]-bg-green-600" placement="left">
+            <span class="a-tooltip-text">
+              <i class="i-ic-sharp-wechat me-1" />
+              <span>{{ $t('wechat') }}</span>
+              <img src="/wechat.png" class="h-40 rounded">
+            </span>
+          </ATooltip>
+        </ABtn>
+        <ABtn v-else variant="text" color="slate-200" class="dark:!text-light/50" :icon="item.icon">
+          {{ $t(item.link.name) }}
+        </ABtn>
       </LocaleNuxtLink>
     </div>
   </div>

config/pages/home/use-section-two.ts

@@ -1,8 +1,12 @@
 export function useSectionTwo() {
   return {
-    title: 'home.sectionTwo.title',
-    description: 'home.sectionTwo.description',
+    // title: 'home.sectionTwo.title',
+    // description: 'home.sectionTwo.description',
     content: [
+
+      {
+        title: 'home.sectionTwo.content.title[0]',
+        imgs: [
           {
             img: '/imgs/Partners/500/CASCI.png',
             href: 'https://weibo.com/u/7418885402?nick=%E4%B8%AD%E5%9B%BD%E8%88%AA%E5%A4%A9%E6%96%87%E5%88%9B&noscript=1&is_all=1',
@@ -18,6 +22,13 @@ export function useSectionTwo() {
             href: 'https://muadao.build/',
             title: 'MUA DAO',
           },
+        ],
+      },
+
+      {
+        title: 'home.sectionTwo.content.title[1]',
+        imgs: [
+
           {
             img: '/imgs/Partners/500/Ultiverse.png',
             href: 'https://www.ultiverse.io/home',
@@ -33,6 +44,12 @@ export function useSectionTwo() {
             href: 'https://bit.country/',
             title: 'Bit.Country',
           },
+        ],
+      },
+
+      {
+        title: 'home.sectionTwo.content.title[2]',
+        imgs: [
           {
             img: '/imgs/Partners/500/MMMM.png',
             href: 'https://mmmm.world/',
@@ -44,5 +61,8 @@ export function useSectionTwo() {
             title: 'MONAVerse',
           },
         ],
+      },
+
+    ],
   }
 }

content/en/bar-symphony.md

@@ -4,8 +4,8 @@ topic: "在全球最大元宇宙平台DCL进行一次“创作者聚会”！"
 title: "虚拟空间设计"
 description: "TOPVERSE原创元宇宙建筑——《创作者聚会（Creator Party-verse）》参与全球元宇宙建筑竞赛Parcel Creatorverse获奖"
 author: "Greyson"
-Resume: "TOPVERSE® Lab 创始人"
-Publish: "07/10/2022"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
 ---
 《创作者聚会（Creator Party-verse）》作为 TOPVERSE 奇点拓界® 参与全球元宇宙建筑设计竞赛PARCEL Creatorverse的2件获奖作品中其中一件，由Decentraland及其官方认可的数字藏品及虚拟地产交易平台Parcel进行联动推送报道，并由其首席运营官Kelly Kim进行配音讲解。该建筑同时于2022年9月25至28日部署在新加坡TOKEN 2049系列子活动MUA 2049上，获得了多家Web 3.0多家头部媒体关注及推送，并由全球最大元宇宙平台Decentraland进行官方报道。  
   

content/zh/bar-symphony.md

@@ -4,8 +4,8 @@ topic: "永不独饮：元宇宙酒吧Symphony"
 title: "虚拟空间设计"
 description: "TOPVERSE原创元宇宙建筑《共鸣酒吧》参与元宇宙建筑师协会竞赛获奖作品"
 author: "Greyson"
-Resume: "TOPVERSE® Lab 创始人"
-Publish: "07/10/2022"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
 ---
 
   ![Img](/imgs/News/BarSymphony/20230524175132.jpg)

locales/en-UK.json

@@ -136,7 +136,6 @@
         ]
       }
 
-
     },
     "sectionSeven": {
       "title": "VIRTUALIZATION IS NEVER A LIMIT",
@@ -190,5 +189,6 @@
         "link": ["WeChat", "Twitter", "Red"]
       }
     ]
-  }
+  },
+  "wechat": "微信公众号:ttsetset"
 }

locales/zh-CN.json

@@ -40,9 +40,9 @@
       }
     },
     "sectionTwo": {
-      "title": "合作伙伴、落地平台及成员单位",
-      "description":"多生态、多领域、多赛道持续赋能"
-
+      "content": {
+        "title": ["合作伙伴", "落地平台", "成员单位"]
+      }
     },
     "sectionThree": {
 
@@ -131,7 +131,6 @@
         ]
       }
 
-
     },
     "sectionSeven": {
       "title": "混合现实打开全新可能",
@@ -185,5 +184,6 @@
         "link": ["微信公众号", "Twitter", "小红书"]
       }
     ]
-  }
+  },
+  "wechat": "微信公众号"
 }

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "@anu-vue/nuxt": "^0.13.1",
     "@jiaminghi/color": "^1.1.3",
+    "lingo3d-vue": "^2.0.34",
     "sass": "^1.62.1",
     "swiper": "^9.2.4",
     "vue-tsc": "^1.2.0"

pages/blog/[id].vue

@@ -7,6 +7,8 @@ const path = `/${locale.value}/${route.params.id}`
 const { data } = await useAsyncData(`content-${path}`, () => {
   return queryContent().where({ _path: path }).findOne()
 })
+
+console.log(data)
 </script>
 
 <template>
@@ -14,4 +16,15 @@ const { data } = await useAsyncData(`content-${path}`, () => {
   <main class="m-auto prose xl:max-w-900px">
     <ContentRenderer v-if="data" :value="data" />
   </main>
+  <div class="m-auto mb-20 text-right prose xl:max-w-900px">
+    <span>
+      {{ data?.author }}
+    </span>
+    <span>
+      {{ data?.resume }}
+    </span>
+    <span>
+      {{ data?.publish }}
+    </span>
+  </div>
 </template>

pages/index.vue

@@ -34,21 +34,24 @@ const sectionNine = useSectionNine()
 
   <!-- Section Two -->
   <Section ref="sectionTwoEl" class="border-b-2 border-dark/40 border-b-solid from-dark/30 bg-gradient-to-t dark:(border-light-50/10 from-light/5)">
-    <Typography :title=" $t(sectionTwo.title) " :description=" $t(sectionTwo.description) " />
+    <div v-for="(item,i) in sectionTwo.content" :key="i" class="pb-8" >
+      <Typography  :title=" $t(item.title) " />
 
-    <div class="grid-row grid-cols-2 gap-18 py-10 md:(grid-cols-3 gap-10)" :class="`lg:grid-cols-${sectionTwo.content.length} lg:gap-2 `">
-      <LocaleNuxtLink
-        v-for="(content, i) in sectionTwo.content"
-        :key="i"
-        class="h-10 w-full flex justify-center"
-        :class="[`animated-delay-${i * 100}ms`, {
+      <div class="grid-row grid-cols-2 gap-18 md:(grid-cols-3 gap-10)" :class="`lg:grid-cols-${item.imgs.length} lg:gap-2 `">
+      <!-- <Typography  :title=" $t(item.title) " /> -->
+        <a
+          v-for="(img, j) in item.imgs"
+          :key="j"
+          class="h-25 w-full flex justify-center"
+          :class="[`animated-delay-${j * 100}ms`, {
             'animated animated-fade-in-up animated-faster': sectionTwoVis,
           }]"
-        :href="content.href"
-        :title="$t(content.title)"
+          :href="img.href"
+          :title="$t(img.title)"
         >
-        <img :src="content.img">
-      </LocaleNuxtLink>
+          <img :src="img.img">
+        </a>
+      </div>
     </div>
   </Section>