From d18d062ab30099300fe21f67cf8dc115d1bdddd0 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Wed, 22 Oct 2025 16:32:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/css/main.css         | 16 +++----
 app/components/AppHeader.vue    | 31 ++++++------
 app/components/landing/Hero.vue | 83 ++++++++++++++++++++++-----------
 3 files changed, 81 insertions(+), 49 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 66e727a..123a54d 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -2,14 +2,12 @@
 @import "@nuxt/ui";
 
 
+/*:root {*/
+/*    --ui-container: var(--container-4xl);*/
 
-
-:root {
-    --ui-container: var(--container-4xl);
-
-    ::selection {
-        color: #282a30;
-        background-color: #c8c8c8;
-    }
-}
+/*    !*::selection {*!*/
+/*    !*    color: #282a30;*!*/
+/*    !*    background-color: #c8c8c8;*!*/
+/*    !*}*!*/
+/*}*/
 
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 2dc991b..14e7ce1 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -10,7 +10,7 @@ const items = computed<NavigationMenuItem[]>(() => [{
   active: route.path.startsWith('/docs/getting-started')
 }, {
   label: '产品与服务',
- 
+
   icon: 'i-lucide-box',
   active: route.path.startsWith('/docs/components'),
   children: [
@@ -40,27 +40,32 @@ const items = computed<NavigationMenuItem[]>(() => [{
   to: '/docs/components',
   icon: 'i-lucide-box',
   active: route.path.startsWith('/docs/components')
-}, {
-  label: '联系我们',
-  to: '/docs/components',
-  icon: 'i-lucide-box',
-  active: route.path.startsWith('/docs/components')
-},])
+},
+  {
+    label: '联系我们',
+    to: '/docs/components',
+    icon: 'i-lucide-box',
+    active: route.path.startsWith('/docs/components')
+  },
+])
 </script>
 
 <template>
   <UHeader>
     <template #title>
-      <Logo class="h-6 w-auto"/>
+      <view class="h-6 w-auto ">
+        创特蜂箱
+      </view>
+
     </template>
 
     <UNavigationMenu :items="items"/>
 
-    <!--    <template #right>-->
-    <!--      <view>-->
-    <!--        -->
-    <!--      </view>-->
-    <!--    </template>-->
+    <template #right>
+      <view>
+        商户管理
+      </view>
+    </template>
 
     <template #body>
       <UNavigationMenu :items="items" class="-mx-2.5" orientation="vertical"/>
diff --git a/app/components/landing/Hero.vue b/app/components/landing/Hero.vue
index a0993a6..f008e94 100644
--- a/app/components/landing/Hero.vue
+++ b/app/components/landing/Hero.vue
@@ -1,32 +1,61 @@
 <script lang="ts" setup>
-const links = ref([
-  {
-    label: 'Get started',
-    to: '/docs/getting-started',
-    icon: 'i-lucide-square-play'
-  },
-  {
-    label: 'Learn more',
-    to: '/docs/getting-started/theme/design-system',
-    color: 'neutral',
-    variant: 'subtle',
-    trailingIcon: 'i-lucide-arrow-right'
-  }
-])
+// const links = ref([
+//   {
+//     label: 'Get started',
+//     to: '/docs/getting-started',
+//     icon: 'i-lucide-square-play'
+//   },
+//   {
+//     label: 'Learn more',
+//     to: '/docs/getting-started/theme/design-system',
+//     color: 'neutral',
+//     variant: 'subtle',
+//     trailingIcon: 'i-lucide-arrow-right'
+//   }
+// ])
 </script>
 
 <template>
-  <UPageHero
-      :links="links"
-      description="A Nuxt/Vue-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications."
-      headline="New release"
-      orientation="horizontal"
-      title="Ultimate Vue UI library"
-  >
-    <img
-        alt="App screenshot"
-        class="rounded-lg shadow-2xl ring ring-default"
-        src="/img/img_1.png"
-    >
-  </UPageHero>
+  <!-- 外层容器设置为全屏 -->
+  <div class="hero-fullscreen">
+    <!--    <UPageHero-->
+    <!--        :links="links"-->
+    <!--&lt;!&ndash;        description="A Nuxt/Vue-integrated UI library..."&ndash;&gt;-->
+    <!--&lt;!&ndash;        headline="New release"&ndash;&gt;-->
+    <!--&lt;!&ndash;        orientation="horizontal"&ndash;&gt;-->
+    <!--&lt;!&ndash;        title="Ultimate Vue UI library"&ndash;&gt;-->
+    <!--    >-->
+    <!--      &lt;!&ndash; 图片作为背景（非内容） &ndash;&gt;-->
+    <!--    </UPageHero>-->
+  </div>
 </template>
+
+<style scoped>
+/* 关键CSS */
+.hero-fullscreen {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.hero-fullscreen::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('/img/img_1.png');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  z-index: -1; /* 确保内容在前景 */
+}
+
+/* 适配UPageHero内部样式 */
+.hero-fullscreen :deep(.u-page-hero) {
+  background-color: transparent; /* 移除组件默认背景 */
+  height: 100%;
+}
+</style>
\ No newline at end of file