From b01439491678165a39943b6e63f1c73a24a8037d Mon Sep 17 00:00:00 2001 From: WindowBird <13870814+windows-bird@user.noreply.gitee.com> Date: Mon, 29 Sep 2025 18:02:28 +0800 Subject: [PATCH] =?UTF-8?q?index=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/app.config.ts | 83 ++--- app/assets/css/main.css | 22 +- app/components/AppHeader.vue | 26 +- app/components/BottomNavigation.vue | 187 ++++++++++ app/components/News.vue | 140 ++++++++ app/components/index/Logo.vue | 1 + .../index/{YuxiSolution.vue => item1.vue} | 0 app/components/index/item2.vue | 201 +++++++++++ app/components/index/item3.vue | 321 ++++++++++++++++++ app/components/index/item4.vue | 291 ++++++++++++++++ app/components/index/item5.vue | 285 ++++++++++++++++ app/layouts/default.vue | 9 +- app/pages/index.vue | 11 +- nuxt.config.ts | 1 - 14 files changed, 1515 insertions(+), 63 deletions(-) create mode 100644 app/components/BottomNavigation.vue create mode 100644 app/components/News.vue rename app/components/index/{YuxiSolution.vue => item1.vue} (100%) create mode 100644 app/components/index/item2.vue create mode 100644 app/components/index/item3.vue create mode 100644 app/components/index/item4.vue create mode 100644 app/components/index/item5.vue diff --git a/app/app.config.ts b/app/app.config.ts index 833ee02..44e9568 100644 --- a/app/app.config.ts +++ b/app/app.config.ts @@ -1,45 +1,48 @@ export default defineAppConfig({ - global: { - picture: { - dark: 'https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg', - light: 'https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg', - alt: 'My profile picture' + global: { + picture: { + dark: 'https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg', + light: 'https://cbu01.alicdn.com/img/ibank/O1CN01uZ3fTP1Bs31lE2Mlf_!!0-0-cib.jpg', + alt: 'My profile picture' + }, + meetingLink: 'https://chuangtewulian.1688.com/page/index.html', + email: 'ui-pro@nuxt.com', + available: true }, - meetingLink: 'https://chuangtewulian.1688.com/page/index.html', - email: 'ui-pro@nuxt.com', - available: true - }, - ui: { - colors: { - primary: 'blue', - neutral: 'neutral' + ui: { + container: { + base: 'w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8' + }, + colors: { + primary: 'blue', + neutral: 'neutral' + }, + pageHero: { + slots: { + container: 'py-18 sm:py-24 lg:py-32', + title: 'mx-auto max-w-xl text-pretty text-3xl sm:text-4xl lg:text-5xl', + description: 'mt-2 text-md mx-auto max-w-2xl text-pretty sm:text-md text-muted' + } + } }, - pageHero: { - slots: { - container: 'py-18 sm:py-24 lg:py-32', - title: 'mx-auto max-w-xl text-pretty text-3xl sm:text-4xl lg:text-5xl', - description: 'mt-2 text-md mx-auto max-w-2xl text-pretty sm:text-md text-muted' - } + footer: { + credits: `Built with Nuxt UI • © ${new Date().getFullYear()}`, + colorMode: false, + links: [{ + 'icon': 'i-simple-icons-discord', + 'to': 'https://www.douyin.com/user/MS4wLjABAAAAdPkGyADnJFLrZBwDM9U7faUJs-wmmyEU9L34SS0CKhs', + 'target': '_blank', + 'aria-label': 'Nuxt on Discord' + }, { + 'icon': 'i-simple-icons-x', + 'to': 'https://chuangtewulian.1688.com/page/index.html', + 'target': '_blank', + 'aria-label': 'Nuxt on X' + }, { + 'icon': 'i-simple-icons-github', + 'to': 'https://chuangtewulian.1688.com/page/index.html', + 'target': '_blank', + 'aria-label': 'Nuxt UI on GitHub' + }] } - }, - footer: { - credits: `Built with Nuxt UI • © ${new Date().getFullYear()}`, - colorMode: false, - links: [{ - 'icon': 'i-simple-icons-discord', - 'to': 'https://www.douyin.com/user/MS4wLjABAAAAdPkGyADnJFLrZBwDM9U7faUJs-wmmyEU9L34SS0CKhs', - 'target': '_blank', - 'aria-label': 'Nuxt on Discord' - }, { - 'icon': 'i-simple-icons-x', - 'to': 'https://chuangtewulian.1688.com/page/index.html', - 'target': '_blank', - 'aria-label': 'Nuxt on X' - }, { - 'icon': 'i-simple-icons-github', - 'to': 'https://chuangtewulian.1688.com/page/index.html', - 'target': '_blank', - 'aria-label': 'Nuxt UI on GitHub' - }] - } }) diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 8788d0c..c0a7c9c 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -4,23 +4,23 @@ @source "../../../content/**/*"; @theme static { - --font-sans: 'Public Sans', sans-serif; - --font-serif: 'Instrument Serif', serif; + --font-sans: 'Public Sans', sans-serif; + --font-serif: 'Instrument Serif', serif; } :root { - --ui-container: var(--container-4xl); + --ui-container: var(--container-max-width); - ::selection { - color: #282a30; - background-color: #c8c8c8; - } + ::selection { + color: #282a30; + background-color: #c8c8c8; + } } .dark { - ::selection { - color: #ffffff; - background-color: #474747; - } + ::selection { + color: #ffffff; + background-color: #474747; + } } diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue index 2abea8a..a0055fe 100644 --- a/app/components/AppHeader.vue +++ b/app/components/AppHeader.vue @@ -5,30 +5,45 @@ const route = useRoute() const items = computed(() => [ { - label: 'Docs', + label: '首页', to: '/docs/getting-started', active: route.path.startsWith('/docs/getting-started') }, { - label: 'Components', + label: '共享解决方案', to: '/docs/components', active: route.path.startsWith('/docs/components') }, { - label: 'Figma', + label: '行业解决方案', to: 'https://go.nuxt.com/figma-ui', target: '_blank' }, { - label: 'Releases', + label: '软件应用开发', + to: 'https://github.com/nuxt/ui/releases', + target: '_blank' + }, + { + label: '物联网解决方案', + to: 'https://github.com/nuxt/ui/releases', + target: '_blank' + }, + { + label: '关于创特', + to: 'https://github.com/nuxt/ui/releases', + target: '_blank' + }, { + label: '13888555777', to: 'https://github.com/nuxt/ui/releases', target: '_blank' } + ])