页面新增
This commit is contained in:
parent
9f81b0a012
commit
3ec66379b3
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export function useFoot() {
|
|||
{
|
||||
link: {
|
||||
name: 'foot.links[0].link[2]',
|
||||
href: '#',
|
||||
href: '/release',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
{
|
||||
"nav": {
|
||||
"news": "最新动态",
|
||||
"about": "关于我们",
|
||||
"home": "首页",
|
||||
"event": {
|
||||
"t": "社区动态",
|
||||
|
|
@ -186,5 +187,6 @@
|
|||
]
|
||||
},
|
||||
"wechat": "微信公众号",
|
||||
"waiting":"建设中..."
|
||||
"waiting": "建设中...",
|
||||
"notfound": "未知区域"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@ const router = useRouter()
|
|||
<div text-4xl>
|
||||
<div i-carbon-warning inline-block />
|
||||
</div>
|
||||
|
||||
<h2 text-4xl p-12>
|
||||
{{ $t('waiting') }}
|
||||
|
||||
<h2 p-12 text-4xl uppercase>
|
||||
{{ $t('notfound') }}
|
||||
</h2>
|
||||
</main>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<template>
|
||||
<NuxtPage />
|
||||
</template>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue