页面新增

components/LocaleNuxtLink.vue

@@ -13,8 +13,12 @@ function getPath() {
 </script>
 
 <template>
-  <NuxtLink :href="getPath()">
+  <NuxtLink v-if="href" :href="getPath()">
     <!-- <NuxtLink :href="href && localePath(href)"> -->
     <slot />
   </NuxtLink>
+
+  <NuxtLink v-else>
+    <slot />
+  </NuxtLink>
 </template>

config/use-foot.ts

@@ -22,7 +22,7 @@ export function useFoot() {
           {
             link: {
               name: 'foot.links[0].link[2]',
-              href: '#',
+              href: '/release',
             },
           },
         ],

config/use-nav.ts

@@ -21,21 +21,21 @@ export function useNav(): NavMenu[] {
         {
           title: 'nav.solutions.child.land.service[0]',
           subtitle: 'nav.solutions.child.land.description[0]',
-          href: '/land',
+          href: '/solutions',
           icon: 'i-tabler-affiliate',
           iconColor: 'red',
         },
         {
           title: 'nav.solutions.child.land.service[1]',
           subtitle: 'nav.solutions.child.land.description[1]',
-          href: '/land',
+          href: '/solutions',
           icon: 'i-tabler-a-b',
           iconColor: 'amber',
         },
         {
           title: 'nav.solutions.child.land.service[2]',
           subtitle: 'nav.solutions.child.land.description[2]',
-          href: '/land',
+          href: '/solutions',
           icon: 'i-tabler-3d-cube-sphere',
           iconColor: 'amber',
         },
@@ -43,7 +43,11 @@ export function useNav(): NavMenu[] {
     },
     {
       title: 'nav.news',
-      href: '/news',
+      href: '/release',
+    },
+    {
+      title: 'nav.about',
+      href: '/about',
     },
     {
       title: 'nav.event.t',
@@ -51,21 +55,21 @@ export function useNav(): NavMenu[] {
         {
           title: 'nav.event.child.act[0]',
           subtitle: 'nav.event.child.description[0]',
-          href: '/land',
+          href: '/community/aaao',
           icon: 'i-tabler-apple',
           iconColor: 'red',
         },
         {
           title: 'nav.event.child.act[1]',
           subtitle: 'nav.event.child.description[1]',
-          href: '/land',
+          href: '/community/land',
           icon: 'i-tabler-api-app',
           iconColor: 'red',
         },
         {
           title: 'nav.event.child.act[2]',
           subtitle: 'nav.event.child.description[2]',
-          href: '/land',
+          href: '/community/vamx',
           icon: 'i-academicons-archive',
           iconColor: 'red',
         },

locales/en-UK.json

@@ -1,6 +1,7 @@
 {
   "nav": {
     "news": "News",
+    "about": "About",
     "home": "Home",
     "event": {
       "t": "Community",
@@ -191,5 +192,6 @@
     ]
   },
   "wechat": "微信公众号:ttsetset",
-  "waiting":"waiting..."
+  "waiting": "waiting...",
+  "notfound": "not found"
 }

locales/zh-CN.json

@@ -1,6 +1,7 @@
 {
   "nav": {
     "news": "最新动态",
+    "about": "关于我们",
     "home": "首页",
     "event": {
       "t": "社区动态",
@@ -186,5 +187,6 @@
     ]
   },
   "wechat": "微信公众号",
-  "waiting":"建设中..."
+  "waiting": "建设中...",
+  "notfound": "未知区域"
 }

pages/[...all].vue

@@ -8,8 +8,8 @@ const router = useRouter()
       <div i-carbon-warning inline-block />
     </div>
 
-    <h2 text-4xl p-12>
+    <h2 p-12 text-4xl uppercase>
-      {{ $t('waiting') }}
+      {{ $t('notfound') }}
     </h2>
   </main>
 </template>

pages/about.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="mt-10 md:mt-20">
+    <Section>
+      <Typography title="关于我们" topic="TOPVERSE" description="asfasgdgagadgadjlkajdljfa;dj;lfajd;lkfja;ldjf;laj;lfja;d" />
+    </Section>
+  </div>
+</template>

pages/community.vue

@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage />
+</template>

pages/community/[...all].vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
+<template>
+  <main p="x4 y-50" text="center teal-700 dark:gray-200">
+    <div text-4xl>
+      <div i-carbon-warning inline-block />
+    </div>
+
+    <h2 p-12 text-4xl uppercase>
+      {{ $t('notfound') }}
+    </h2>
+  </main>
+</template>

pages/community/aaao.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
+<template>
+  <main p="x4 y-50" text="center teal-700 dark:gray-200">
+    <div text-4xl>
+      <div i-carbon-warning inline-block />
+    </div>
+
+    <h2 p-12 text-4xl>
+      {{ $t('waiting') }}
+    </h2>
+  </main>
+</template>

pages/community/vamx.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
+<template>
+  <main p="x4 y-50" text="center teal-700 dark:gray-200">
+    <div text-4xl>
+      <div i-carbon-warning inline-block />
+    </div>
+
+    <h2 p-12 text-4xl>
+      {{ $t('waiting') }}
+    </h2>
+  </main>
+</template>

pages/hi/[id].vue

@@ -1,49 +0,0 @@
-<script setup lang="ts">
-const route = useRoute()
-const user = useUserStore()
-const name = route.params.id
-
-watchEffect(() => {
-  user.setNewName(route.params.id as string)
-})
-
-definePageMeta({
-  layout: 'home',
-})
-</script>
-
-<template>
-  <div>
-    <div i-twemoji:waving-hand inline-block animate-shake-x animate-duration-5000 text-4xl />
-    <h3 text-2xl font-500>
-      Hi,
-    </h3>
-    <div text-xl>
-      {{ name }}!
-    </div>
-
-    <template v-if="user.otherNames.length">
-      <p my-4 text-sm>
-        <span op-50>Also as known as:</span>
-        <ul>
-          <li v-for="otherName in user.otherNames" :key="otherName">
-            <router-link :to="`/hi/${otherName}`" replace>
-              {{ otherName }}
-            </router-link>
-          </li>
-        </ul>
-      </p>
-    </template>
-
-    <Counter />
-
-    <div>
-      <NuxtLink
-        class="m-3 text-sm btn"
-        to="/"
-      >
-        Back
-      </NuxtLink>
-    </div>
-  </div>
-</template>

pages/release/[...all].vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
+<template>
+  <main p="x4 y-50" text="center teal-700 dark:gray-200">
+    <div text-4xl>
+      <div i-carbon-warning inline-block />
+    </div>
+
+    <h2 p-12 text-4xl uppercase>
+      {{ $t('notfound') }}
+    </h2>
+  </main>
+</template>

pages/release/index.vue

@@ -1,3 +1,81 @@
+<script lang="ts" setup>
+const items = [
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Electronics',
+    subtitle: 'Mobile, Earbuds, TV',
+    avatarProps: { icon: 'i-bx-mobile-alt' },
+  },
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Fashion',
+    subtitle: 'T-shirt, Jeans, Shoes',
+    avatarProps: { icon: 'i-bx-closet' },
+  },
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Decor',
+    subtitle: 'Fine Art, Dining',
+    avatarProps: { icon: 'i-bx-home' },
+  },
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Sports',
+    subtitle: 'Football, Cricket Kit',
+    avatarProps: { icon: 'i-bx-football' },
+  },
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Sports',
+    subtitle: 'Football, Cricket Kit',
+    avatarProps: { icon: 'i-bx-football' },
+  },
+  {
+    icon: 'i-bx-link-external text-sm cursor-pointer',
+    title: 'Sports',
+    subtitle: 'Football, Cricket Kit',
+    avatarProps: { icon: 'i-bx-football' },
+  },
+]
+</script>
+
 <template>
-  {{ }}
+  <div class="mt-10 md:mt-20">
+    <Section class="flex flex-col gap-4 md:flex-row">
+      <div>
+        <ACard
+          shadow="none"
+          title="搜索"
+          subtitle="根据条件查询"
+          class="w-full md:w-300px"
+        >
+          <img
+            src="/images/demo/minimal-1.jpg"
+            alt="girl"
+          >
+
+          <div class="a-card-body a-card-spacer">
+            <p class="text-sm">
+              Macaroon cake powder pie cake cake gingerbread oat cake chocolate cake.
+            </p>
+            <ABtn>Read more</ABtn>
+          </div>
+        </ACard>
+      </div>
+
+      <ACard w-full shadow="none">
+        <AList
+          :items="items"
+          icon-append
+          class="[--a-list-item-gap:1rem]"
+        >
+          <template #item-prepend>
+            <div class="h-150px w-300px overflow-hidden rounded bg-light-50/10" style="mask-image:linear-gradient(270deg, transparent, #000);-webkit-mask-image:linear-gradient(290deg, transparent 12%, #000 80%);">
+              <ImageLoading class="h-full w-full" src="/imgs/Home-Stories/Circulus.jpg" />
+            </div>
+          </template>
+        </AList>
+      </ACard>
+    </Section>
+  </div>
 </template>

pages/solutions.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
+<template>
+  <main p="x4 y-50" text="center teal-700 dark:gray-200">
+    <div text-4xl>
+      <div i-carbon-warning inline-block />
+    </div>
+
+    <h2 p-12 text-4xl>
+      {{ $t('waiting') }}
+    </h2>
+  </main>
+</template>