topverse
/
TOPVERSE_Official
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 修改解决方案布局模块

This commit is contained in:
胡鑫 2023-08-11 19:14:19 +08:00
parent 0255151e1c
commit 735e460045
9 changed files with 637 additions and 364 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
config/pages/solutions/use-aigc.ts
View File

@ -1,5 +1,6 @@
export function useAIGC() {
return {
ending: 'Ajlksdjflajsd;lfja;ldf',
head: {
img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
topic: 'Never Drink Alone：The Bar Symphony',
@ -7,81 +8,128 @@ export function useAIGC() {
description: 'Award-Winning Project',
},
feature: {
topic: 'home.sectionOne.topic',
description: 'home.sectionOne.description',
topic: 'home.sectionEight.topic',
description: 'home.sectionEight.description',
content: [
{
title: 'home.sectionOne.content.title[0]',
subtext: 'home.sectionOne.content.subtext[0]',
description: 'home.sectionOne.content.description[0]',
title: 'home.sectionEight.content.title[0]',
description: 'home.sectionEight.content.topic[0]',
icon: 'i-medical-icon-i-health-services',
},
{
title: 'home.sectionOne.content.title[1]',
subtext: 'home.sectionOne.content.subtext[1]',
description: 'home.sectionOne.content.description[1]',
title: 'home.sectionEight.content.title[1]',
description: 'home.sectionEight.content.topic[1]',
icon: 'i-maki-college-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
title: 'home.sectionEight.content.title[2]',
description: 'home.sectionEight.content.topic[2]',
icon: 'i-maki-amusement-park-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
},
],
},
solutions: {
topic: 'home.sectionSix.topic',
description: 'home.sectionSix.description',
content: [
{
title: 'home.sectionSix.content.title[0]',
topic: 'home.sectionSix.content.topic[0]',
description: 'home.sectionSix.content.description[0]',
link: {
name: 'home.sectionSix.content.link[0]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
title: 'home.sectionEight.content.title[3]',
description: 'home.sectionEight.content.topic[3]',
icon: 'i-maki-gaming',
},
{
title: 'home.sectionSix.content.title[1]',
topic: 'home.sectionSix.content.topic[1]',
description: 'home.sectionSix.content.description[1]',
link: {
name: 'home.sectionSix.content.link[1]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/Circulus.gif',
errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
title: 'home.sectionEight.content.title[4]',
description: 'home.sectionEight.content.topic[4]',
icon: 'i-maki-city',
},
{
title: 'home.sectionSix.content.title[2]',
topic: 'home.sectionSix.content.topic[2]',
description: 'home.sectionSix.content.description[2]',
link: {
name: 'home.sectionSix.content.link[2]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/CyberPink.gif',
errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
title: 'home.sectionEight.content.title[5]',
description: 'home.sectionEight.content.topic[5]',
icon: 'i-maki-basketball-11',
},
{
title: 'home.sectionSix.content.title[3]',
topic: 'home.sectionSix.content.topic[3]',
description: 'home.sectionSix.content.description[3]',
link: {
name: 'home.sectionSix.content.link[3]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/AIGC.gif',
errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
title: 'home.sectionEight.content.title[6]',
description: 'home.sectionEight.content.topic[6]',
icon: 'i-maki-baseball-11',
},
{
title: 'home.sectionEight.content.title[7]',
description: 'home.sectionEight.content.topic[7]',
icon: 'i-maki-communications-tower-11',
},
],
},
solutions: {
title: 'home.sectionFour.title',
topic: 'home.sectionFour.topic',
description: 'home.sectionFour.description',
link: {
name: 'home.sectionFour.link',
href: '#',
},
content: [
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: '立“码”浸入新宇宙',
subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
img: '/imgs/Release/sakuracity/20230607-135223.jpg',
tags: ['Web 3.0', 'Mixed Reality'],
href: '/release/sakuracity',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
subtitle: '2023数字中国创新大赛',
img: '/imgs/Release/dcic2023/001.png',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/dcic2023',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/04/21',
},
{
title: '2022年度TOPVERSE高光时刻',
subtitle: 'Annual Review',
img: '/imgs/Release/2023annualreview/s00.jpg',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/annualreview2023',
author: 'Technical Artist/ 3D Content Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2022/1/18',
},
],
},
}
}

164
config/pages/solutions/use-digital-twin.ts
View File

@ -1,5 +1,6 @@
export function useDigitalTwin() {
return {
ending: 'Ajlksdjflajsd;lfja;ldf',
head: {
img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
topic: 'Never Drink Alone：The Bar Symphony',
@ -7,81 +8,128 @@ export function useDigitalTwin() {
description: 'Award-Winning Project',
},
feature: {
topic: 'home.sectionOne.topic',
description: 'home.sectionOne.description',
topic: 'home.sectionEight.topic',
description: 'home.sectionEight.description',
content: [
{
title: 'home.sectionOne.content.title[0]',
subtext: 'home.sectionOne.content.subtext[0]',
description: 'home.sectionOne.content.description[0]',
title: 'home.sectionEight.content.title[0]',
description: 'home.sectionEight.content.topic[0]',
icon: 'i-medical-icon-i-health-services',
},
{
title: 'home.sectionOne.content.title[1]',
subtext: 'home.sectionOne.content.subtext[1]',
description: 'home.sectionOne.content.description[1]',
title: 'home.sectionEight.content.title[1]',
description: 'home.sectionEight.content.topic[1]',
icon: 'i-maki-college-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
title: 'home.sectionEight.content.title[2]',
description: 'home.sectionEight.content.topic[2]',
icon: 'i-maki-amusement-park-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
},
],
},
solutions: {
topic: 'home.sectionSix.topic',
description: 'home.sectionSix.description',
content: [
{
title: 'home.sectionSix.content.title[0]',
topic: 'home.sectionSix.content.topic[0]',
description: 'home.sectionSix.content.description[0]',
link: {
name: 'home.sectionSix.content.link[0]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
title: 'home.sectionEight.content.title[3]',
description: 'home.sectionEight.content.topic[3]',
icon: 'i-maki-gaming',
},
{
title: 'home.sectionSix.content.title[1]',
topic: 'home.sectionSix.content.topic[1]',
description: 'home.sectionSix.content.description[1]',
link: {
name: 'home.sectionSix.content.link[1]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/Circulus.gif',
errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
title: 'home.sectionEight.content.title[4]',
description: 'home.sectionEight.content.topic[4]',
icon: 'i-maki-city',
},
{
title: 'home.sectionSix.content.title[2]',
topic: 'home.sectionSix.content.topic[2]',
description: 'home.sectionSix.content.description[2]',
link: {
name: 'home.sectionSix.content.link[2]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/CyberPink.gif',
errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
title: 'home.sectionEight.content.title[5]',
description: 'home.sectionEight.content.topic[5]',
icon: 'i-maki-basketball-11',
},
{
title: 'home.sectionSix.content.title[3]',
topic: 'home.sectionSix.content.topic[3]',
description: 'home.sectionSix.content.description[3]',
link: {
name: 'home.sectionSix.content.link[3]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/AIGC.gif',
errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
title: 'home.sectionEight.content.title[6]',
description: 'home.sectionEight.content.topic[6]',
icon: 'i-maki-baseball-11',
},
{
title: 'home.sectionEight.content.title[7]',
description: 'home.sectionEight.content.topic[7]',
icon: 'i-maki-communications-tower-11',
},
],
},
solutions: {
title: 'home.sectionFour.title',
topic: 'home.sectionFour.topic',
description: 'home.sectionFour.description',
link: {
name: 'home.sectionFour.link',
href: '#',
},
content: [
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: '立“码”浸入新宇宙',
subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
img: '/imgs/Release/sakuracity/20230607-135223.jpg',
tags: ['Web 3.0', 'Mixed Reality'],
href: '/release/sakuracity',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
subtitle: '2023数字中国创新大赛',
img: '/imgs/Release/dcic2023/001.png',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/dcic2023',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/04/21',
},
{
title: '2022年度TOPVERSE高光时刻',
subtitle: 'Annual Review',
img: '/imgs/Release/2023annualreview/s00.jpg',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/annualreview2023',
author: 'Technical Artist/ 3D Content Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2022/1/18',
},
],
},
}
}

178
config/pages/solutions/use-mixed-reality.ts
View File

@ -1,87 +1,135 @@
export function useMixedReality() {
return {
ending: 'Ajlksdjflajsd;lfja;ldf',
head: {
img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
topic: 'Never Drink Alone：The Bar Symphony',
title: 'Metaverse Space Design',
description: 'Award-Winning Project',
},
// feature: {
// topic: 'home.sectionOne.topic',
// description: 'home.sectionOne.description',
// content: [
// {
// title: 'home.sectionOne.content.title[0]',
// subtext: 'home.sectionOne.content.subtext[0]',
// description: 'home.sectionOne.content.description[0]',
// },
// {
// title: 'home.sectionOne.content.title[1]',
// subtext: 'home.sectionOne.content.subtext[1]',
// description: 'home.sectionOne.content.description[1]',
// },
// {
// title: 'home.sectionOne.content.title[2]',
// subtext: 'home.sectionOne.content.subtext[2]',
// description: 'home.sectionOne.content.description[2]',
// },
// {
// title: 'home.sectionOne.content.title[2]',
// subtext: 'home.sectionOne.content.subtext[2]',
// description: 'home.sectionOne.content.description[2]',
// },
// ],
// },
solutions: {
topic: 'home.sectionSix.topic',
description: 'home.sectionSix.description',
feature: {
topic: 'home.sectionEight.topic',
description: 'home.sectionEight.description',
content: [
{
title: 'home.sectionSix.content.title[0]',
topic: 'home.sectionSix.content.topic[0]',
description: 'home.sectionSix.content.description[0]',
link: {
name: 'home.sectionSix.content.link[0]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
title: 'home.sectionEight.content.title[0]',
description: 'home.sectionEight.content.topic[0]',
icon: 'i-medical-icon-i-health-services',
},
{
title: 'home.sectionSix.content.title[1]',
topic: 'home.sectionSix.content.topic[1]',
description: 'home.sectionSix.content.description[1]',
link: {
name: 'home.sectionSix.content.link[1]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/Circulus.gif',
errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
title: 'home.sectionEight.content.title[1]',
description: 'home.sectionEight.content.topic[1]',
icon: 'i-maki-college-11',
},
{
title: 'home.sectionSix.content.title[2]',
topic: 'home.sectionSix.content.topic[2]',
description: 'home.sectionSix.content.description[2]',
link: {
name: 'home.sectionSix.content.link[2]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/CyberPink.gif',
errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
title: 'home.sectionEight.content.title[2]',
description: 'home.sectionEight.content.topic[2]',
icon: 'i-maki-amusement-park-11',
},
{
title: 'home.sectionSix.content.title[3]',
topic: 'home.sectionSix.content.topic[3]',
description: 'home.sectionSix.content.description[3]',
link: {
name: 'home.sectionSix.content.link[3]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/AIGC.gif',
errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
title: 'home.sectionEight.content.title[3]',
description: 'home.sectionEight.content.topic[3]',
icon: 'i-maki-gaming',
},
{
title: 'home.sectionEight.content.title[4]',
description: 'home.sectionEight.content.topic[4]',
icon: 'i-maki-city',
},
{
title: 'home.sectionEight.content.title[5]',
description: 'home.sectionEight.content.topic[5]',
icon: 'i-maki-basketball-11',
},
{
title: 'home.sectionEight.content.title[6]',
description: 'home.sectionEight.content.topic[6]',
icon: 'i-maki-baseball-11',
},
{
title: 'home.sectionEight.content.title[7]',
description: 'home.sectionEight.content.topic[7]',
icon: 'i-maki-communications-tower-11',
},
],
},
solutions: {
title: 'home.sectionFour.title',
topic: 'home.sectionFour.topic',
description: 'home.sectionFour.description',
link: {
name: 'home.sectionFour.link',
href: '#',
},
content: [
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: '立“码”浸入新宇宙',
subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
img: '/imgs/Release/sakuracity/20230607-135223.jpg',
tags: ['Web 3.0', 'Mixed Reality'],
href: '/release/sakuracity',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
subtitle: '2023数字中国创新大赛',
img: '/imgs/Release/dcic2023/001.png',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/dcic2023',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/04/21',
},
{
title: '2022年度TOPVERSE高光时刻',
subtitle: 'Annual Review',
img: '/imgs/Release/2023annualreview/s00.jpg',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/annualreview2023',
author: 'Technical Artist/ 3D Content Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2022/1/18',
},
],
},
}
}

164
config/pages/solutions/use-web3.ts
View File

@ -1,5 +1,6 @@
export function useWeb3() {
return {
ending: 'Ajlksdjflajsd;lfja;ldf',
head: {
img: '/imgs/Project/Metaverse-Build/MusicVenue.jpg',
topic: 'Never Drink Alone：The Bar Symphony',
@ -7,81 +8,128 @@ export function useWeb3() {
description: 'Award-Winning Project',
},
feature: {
topic: 'home.sectionOne.topic',
description: 'home.sectionOne.description',
topic: 'home.sectionEight.topic',
description: 'home.sectionEight.description',
content: [
{
title: 'home.sectionOne.content.title[0]',
subtext: 'home.sectionOne.content.subtext[0]',
description: 'home.sectionOne.content.description[0]',
title: 'home.sectionEight.content.title[0]',
description: 'home.sectionEight.content.topic[0]',
icon: 'i-medical-icon-i-health-services',
},
{
title: 'home.sectionOne.content.title[1]',
subtext: 'home.sectionOne.content.subtext[1]',
description: 'home.sectionOne.content.description[1]',
title: 'home.sectionEight.content.title[1]',
description: 'home.sectionEight.content.topic[1]',
icon: 'i-maki-college-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
title: 'home.sectionEight.content.title[2]',
description: 'home.sectionEight.content.topic[2]',
icon: 'i-maki-amusement-park-11',
},
{
title: 'home.sectionOne.content.title[2]',
subtext: 'home.sectionOne.content.subtext[2]',
description: 'home.sectionOne.content.description[2]',
},
],
},
solutions: {
topic: 'home.sectionSix.topic',
description: 'home.sectionSix.description',
content: [
{
title: 'home.sectionSix.content.title[0]',
topic: 'home.sectionSix.content.topic[0]',
description: 'home.sectionSix.content.description[0]',
link: {
name: 'home.sectionSix.content.link[0]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/DigitalTwin.gif',
errImg: '/imgs/Home-Solutions&Services/DigitalTwin.jpg',
title: 'home.sectionEight.content.title[3]',
description: 'home.sectionEight.content.topic[3]',
icon: 'i-maki-gaming',
},
{
title: 'home.sectionSix.content.title[1]',
topic: 'home.sectionSix.content.topic[1]',
description: 'home.sectionSix.content.description[1]',
link: {
name: 'home.sectionSix.content.link[1]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/Circulus.gif',
errImg: '/imgs/Home-Solutions&Services/Circulus.jpg',
title: 'home.sectionEight.content.title[4]',
description: 'home.sectionEight.content.topic[4]',
icon: 'i-maki-city',
},
{
title: 'home.sectionSix.content.title[2]',
topic: 'home.sectionSix.content.topic[2]',
description: 'home.sectionSix.content.description[2]',
link: {
name: 'home.sectionSix.content.link[2]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/CyberPink.gif',
errImg: '/imgs/Home-Solutions&Services/CyberPink.jpg',
title: 'home.sectionEight.content.title[5]',
description: 'home.sectionEight.content.topic[5]',
icon: 'i-maki-basketball-11',
},
{
title: 'home.sectionSix.content.title[3]',
topic: 'home.sectionSix.content.topic[3]',
description: 'home.sectionSix.content.description[3]',
link: {
name: 'home.sectionSix.content.link[3]',
href: '#',
},
img: '/imgs/Home-Solutions&Services/AIGC.gif',
errImg: '/imgs/Home-Solutions&Services/AIGC.jpg',
title: 'home.sectionEight.content.title[6]',
description: 'home.sectionEight.content.topic[6]',
icon: 'i-maki-baseball-11',
},
{
title: 'home.sectionEight.content.title[7]',
description: 'home.sectionEight.content.topic[7]',
icon: 'i-maki-communications-tower-11',
},
],
},
solutions: {
title: 'home.sectionFour.title',
topic: 'home.sectionFour.topic',
description: 'home.sectionFour.description',
link: {
name: 'home.sectionFour.link',
href: '#',
},
content: [
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE与UCL Bartlett第九研究室共同成立VAMX数研组',
subtitle: 'VR/AR/MR/XR工程师、设计师与开发者开放学术社区',
img: '/imgs/Release/vamxlaunch/008.png',
tags: ['Mixed Reality'],
href: '/release/vamxlaunch',
author: 'Community Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: '立“码”浸入新宇宙',
subtitle: '全新VR游戏体验《樱花城》登录Meta Quest',
img: '/imgs/Release/sakuracity/20230607-135223.jpg',
tags: ['Web 3.0', 'Mixed Reality'],
href: '/release/sakuracity',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/6/6',
},
{
title: 'TOPVERSE联合中国铁塔入围数字中国城市设计元宇宙RAR赛道百景新锐',
subtitle: '2023数字中国创新大赛',
img: '/imgs/Release/dcic2023/001.png',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/dcic2023',
author: 'Technology Lab',
profession: 'TOPVERSE Beijing Lab',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2023/04/21',
},
{
title: '2022年度TOPVERSE高光时刻',
subtitle: 'Annual Review',
img: '/imgs/Release/2023annualreview/s00.jpg',
tags: ['Web 3.0', 'Digital Twins'],
href: '/release/annualreview2023',
author: 'Technical Artist/ 3D Content Team',
profession: 'TOPVERSE Shanghai Studio',
avatar: '/imgs/Community/Avatar/topverse.png',
createTime: '2022/1/18',
},
],
},
}
}

8
pages/solutions.vue
View File

@ -1,7 +1,7 @@
<template>
<NuxtPage />
<Section>
<!-- <Section>
<div class="grid-row rounded-lg from-violet-500 to-fuchsia-500 bg-gradient-to-r p-5 text-white shadow-lg lg:(grid-cols-2)">
<ATypography
class="text-white"
@ -14,10 +14,10 @@
<AInput placeholder="邮箱" class="col-start-1 w-full text-sm" input-wrapper-classes="bg-light-50" />
<ABtn>test</ABtn>
</div>
<!-- <ACheckbox>
<ACheckbox>
<span>同意接收来自我们的消息</span>
</ACheckbox> -->
</ACheckbox>
</div>
</div>
</Section>
</Section> -->
</template>

80
pages/solutions/aigc.vue
View File

@ -6,39 +6,59 @@ const content = useAIGC()
<template>
<SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
<SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
<!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
<Section>
<Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
<div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
<div class="w-45% flex-grow">
<div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
<ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
<!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
</div>
</div>
<div class="w-55% flex-grow">
<div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
<p class="text-title">
{{ $t(item.title) }}
</p>
<h4 class="text-h4 font-bold">
{{ $t(item.topic) }}
</h4>
<p class="text-h6 text-center md:text-left">
{{ $t(item.description) }}
</p>
<div v-if="item.link" class="w-full py-10 text-center md:text-left">
<LocaleNuxtLink :href="item.link.href">
<ABtn variant="light" class="group">
{{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
</ABtn>
</LocaleNuxtLink>
</div>
</div>
<div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
<div
v-for="(item, i) in content.feature.content"
:key="i"
class="w-full text-center"
>
<div :class="item.icon" mb-5 h-60px w-full />
<h4 text-h4 mb-1 font-bold>
{{ $t(item.title) }}
</h4>
<p text-h7>
{{ $t(item.description) }}
</p>
</div>
</div>
</Section>
<Section>
<div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
<div class="flex-1/2 md:px-12">
<BrandLogo class="flex scale-90 justify-center md:justify-start" />
<div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
<Typography
description-class="line-clamp-none"
:topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
href: content.solutions.link.href,
name: $t(content.solutions.link.name),
}" class="pt-5 md:text-start"
/>
</div>
</div>
<div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
<!-- 👉 2nd card -->
<Card
v-for="(item, i) in content.solutions.content"
:key="i"
class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
:title="item.title"
:description="item.subtitle"
:img="item.img"
:href="item.href"
:avatar="item?.avatar"
:author="item?.author"
:profession="item?.profession"
:create-time="item?.createTime"
/>
</div>
</div>
</Section>
<Typography :topic=" $t(content.ending)" class="pt-5" />
</template>

80
pages/solutions/digital-twin.vue
View File

@ -6,39 +6,59 @@ const content = useDigitalTwin()
<template>
<SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
<SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
<!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
<Section>
<Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
<div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
<div class="w-45% flex-grow">
<div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
<ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
<!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
</div>
</div>
<div class="w-55% flex-grow">
<div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
<p class="text-title">
{{ $t(item.title) }}
</p>
<h4 class="text-h4 font-bold">
{{ $t(item.topic) }}
</h4>
<p class="text-h6 text-center md:text-left">
{{ $t(item.description) }}
</p>
<div v-if="item.link" class="w-full py-10 text-center md:text-left">
<LocaleNuxtLink :href="item.link.href">
<ABtn variant="light" class="group">
{{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
</ABtn>
</LocaleNuxtLink>
</div>
</div>
<div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
<div
v-for="(item, i) in content.feature.content"
:key="i"
class="w-full text-center"
>
<div :class="item.icon" mb-5 h-60px w-full />
<h4 text-h4 mb-1 font-bold>
{{ $t(item.title) }}
</h4>
<p text-h7>
{{ $t(item.description) }}
</p>
</div>
</div>
</Section>
<Section>
<div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
<div class="flex-1/2 md:px-12">
<BrandLogo class="flex scale-90 justify-center md:justify-start" />
<div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
<Typography
description-class="line-clamp-none"
:topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
href: content.solutions.link.href,
name: $t(content.solutions.link.name),
}" class="pt-5 md:text-start"
/>
</div>
</div>
<div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
<!-- 👉 2nd card -->
<Card
v-for="(item, i) in content.solutions.content"
:key="i"
class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
:title="item.title"
:description="item.subtitle"
:img="item.img"
:href="item.href"
:avatar="item?.avatar"
:author="item?.author"
:profession="item?.profession"
:create-time="item?.createTime"
/>
</div>
</div>
</Section>
<Typography :topic=" $t(content.ending)" class="pt-5" />
</template>

83
pages/solutions/mixed-reality.vue
View File

@ -1,43 +1,64 @@
<script setup lang="ts">
import { useMixedReality } from '~/config/pages/solutions/use-mixed-reality'
const mixedReality = useMixedReality()
const content = useMixedReality()
</script>
<template>
<SectionBanner :img="mixedReality.head?.img" :title="mixedReality.head?.title" :topic="mixedReality.head?.topic" :description="mixedReality.head?.description" font-bold text-white />
<SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
<!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
<Section>
<Typography :topic=" $t(mixedReality.solutions.topic) " :description=" $t(mixedReality.solutions.description) " />
<div v-for="(item, i) in mixedReality.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
<div class="w-45% flex-grow">
<div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
<ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
<!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
</div>
</div>
<div class="w-55% flex-grow">
<div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
<p class="text-title">
{{ $t(item.title) }}
</p>
<h4 class="text-h4 font-bold">
{{ $t(item.topic) }}
</h4>
<p class="text-h6 text-center md:text-left">
{{ $t(item.description) }}
</p>
<div v-if="item.link" class="w-full py-10 text-center md:text-left">
<LocaleNuxtLink :href="item.link.href">
<ABtn variant="light" class="group">
{{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
</ABtn>
</LocaleNuxtLink>
</div>
</div>
<div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
<div
v-for="(item, i) in content.feature.content"
:key="i"
class="w-full text-center"
>
<div :class="item.icon" mb-5 h-60px w-full />
<h4 text-h4 mb-1 font-bold>
{{ $t(item.title) }}
</h4>
<p text-h7>
{{ $t(item.description) }}
</p>
</div>
</div>
</Section>
<Section>
<div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
<div class="flex-1/2 md:px-12">
<BrandLogo class="flex scale-90 justify-center md:justify-start" />
<div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
<Typography
description-class="line-clamp-none"
:topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
href: content.solutions.link.href,
name: $t(content.solutions.link.name),
}" class="pt-5 md:text-start"
/>
</div>
</div>
<div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
<!-- 👉 2nd card -->
<Card
v-for="(item, i) in content.solutions.content"
:key="i"
class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
:title="item.title"
:description="item.subtitle"
:img="item.img"
:href="item.href"
:avatar="item?.avatar"
:author="item?.author"
:profession="item?.profession"
:create-time="item?.createTime"
/>
</div>
</div>
</Section>
<Typography :topic=" $t(content.ending)" class="pt-5" />
</template>

80
pages/solutions/web3.vue
View File

@ -6,39 +6,59 @@ const content = useWeb3()
<template>
<SectionBanner :img="content.head?.img" :title="content.head?.title" :topic="content.head?.topic" :description="content.head?.description" font-bold text-white />
<SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" />
<!-- <SectionGradientCard :content="content.feature.content" :topic="content.feature.topic" /> -->
<Section>
<Typography :topic=" $t(content.solutions.topic) " :description=" $t(content.solutions.description) " />
<div v-for="(item, i) in content.solutions.content" :key="i" class="flex flex-wrap gap-6 py-10 md:flex-nowrap" :class="{ 'flex-row-reverse': i % 2 === 0 }">
<div class="w-45% flex-grow">
<div class="relative h-full w-full flex items-center justify-center overflow-hidden border-6px border-dark-50/10 rounded-xl dark:border-light-50/10" style="mask-image:linear-gradient(0deg, transparent, #000);-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);">
<ImageLoading quality="20" :src="item.img" :err-src="item.errImg" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy" />
<!-- <NuxtImg quality="20" :src="item.img" class="h-full w-full" fit="cover" height="300" width="600" loading="lazy"/> -->
</div>
</div>
<div class="w-55% flex-grow">
<div class="h-full w-full flex flex-col items-center justify-center px-2 md:(items-start px-16)">
<p class="text-title">
{{ $t(item.title) }}
</p>
<h4 class="text-h4 font-bold">
{{ $t(item.topic) }}
</h4>
<p class="text-h6 text-center md:text-left">
{{ $t(item.description) }}
</p>
<div v-if="item.link" class="w-full py-10 text-center md:text-left">
<LocaleNuxtLink :href="item.link.href">
<ABtn variant="light" class="group">
{{ $t(item.link.name) }} <div i-solar-arrow-right-linear class="transition-all group-hover:px-4" />
</ABtn>
</LocaleNuxtLink>
</div>
</div>
<div class="grid-row grid-cols-2 gap-20 pb-20 lg:(grid-cols-4)">
<div
v-for="(item, i) in content.feature.content"
:key="i"
class="w-full text-center"
>
<div :class="item.icon" mb-5 h-60px w-full />
<h4 text-h4 mb-1 font-bold>
{{ $t(item.title) }}
</h4>
<p text-h7>
{{ $t(item.description) }}
</p>
</div>
</div>
</Section>
<Section>
<div class="flex flex-col rounded-lg bg-light-800/5 p-10 md:flex-row">
<div class="flex-1/2 md:px-12">
<BrandLogo class="flex scale-90 justify-center md:justify-start" />
<div class="h-full flex flex-col items-center justify-center pb-100px md:pb-300px">
<Typography
description-class="line-clamp-none"
:topic="$t(content.solutions.topic)" :description="$t(content.solutions.description)" :link="{
href: content.solutions.link.href,
name: $t(content.solutions.link.name),
}" class="pt-5 md:text-start"
/>
</div>
</div>
<div class="3xl:grid-cols-4 grid-row flex-grow pb-10 2xl:grid-cols-3 lg:grid-cols-2">
<!-- 👉 2nd card -->
<Card
v-for="(item, i) in content.solutions.content"
:key="i"
class="bg-transparent" :class="[`animated-delay-${i * 100}ms`] "
:title="item.title"
:description="item.subtitle"
:img="item.img"
:href="item.href"
:avatar="item?.avatar"
:author="item?.author"
:profession="item?.profession"
:create-time="item?.createTime"
/>
</div>
</div>
</Section>
<Typography :topic=" $t(content.ending)" class="pt-5" />
</template>