From 4bbbf9882db3b0d9f3bb7c56493ba72ae74b4e2f Mon Sep 17 00:00:00 2001
From: sric <sirrcvip@126.com>
Date: 星期六, 22 十一月 2025 19:45:42 +0800
Subject: [PATCH] banner图片替换

---
 src/views/HomeView.vue            |   15 ++++++---------
 src/assets/images/banner1@2x1.png |    0 
 src/assets/images/banner1.jpg     |    0 
 src/assets/images/banner2.jpg     |    0 
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/assets/images/banner1.jpg b/src/assets/images/banner1.jpg
new file mode 100644
index 0000000..02d9eeb
--- /dev/null
+++ b/src/assets/images/banner1.jpg
Binary files differ
diff --git a/src/assets/images/banner1@2x.png b/src/assets/images/banner1@2x1.png
similarity index 100%
rename from src/assets/images/banner1@2x.png
rename to src/assets/images/banner1@2x1.png
Binary files differ
diff --git a/src/assets/images/banner2.jpg b/src/assets/images/banner2.jpg
new file mode 100644
index 0000000..f61b25c
--- /dev/null
+++ b/src/assets/images/banner2.jpg
Binary files differ
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 14e670a..b42742c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,6 +1,6 @@
 <script setup>
-import banner from '@/assets/images/banner1@2x.png';
-import banner2 from '@/assets/images/banner2@2x.png';
+import banner from '@/assets/images/banner1.jpg';
+import banner2 from '@/assets/images/banner2.jpg';
 
 const getUrl = (name) => {
   // return new URL(url, import.meta.url).href;
@@ -188,7 +188,7 @@
     </div>
 
     <div
-      class="relative w-full h-screen md:h-[707px] overflow-hidden bg-white group"
+      class="relative w-full h-[707px] md:h-[707px] overflow-hidden bg-white group"
       @mouseenter="stopAutoPlay"
       @mouseleave="startAutoPlay"
     >
@@ -200,10 +200,7 @@
             v-show="currentSlide === index"
             class="absolute inset-0 w-full h-full"
           >
-            <img
-              :src="banner.image"
-              class="slide-up-imgage w-full h-full object-cover brightness-[0.65]"
-            />
+            <img :src="banner.image" class="slide-up-imgage w-full h-full" />
 
             <div class="absolute inset-0 flex items-center px-6 md:px-30 z-20">
               <div class="text-white">
@@ -213,14 +210,14 @@
                 >
                   <h1
                     :key="`t1-${currentSlide}`"
-                    class="slide-up-text font-bold tracking-tighter drop-shadow-2xl"
+                    class="slide-up-text font-bold text-nowrap tracking-tighter drop-shadow-2xl"
                     style="animation-delay: 1.8s"
                   >
                     {{ banner.title }}
                   </h1>
                   <h2
                     :key="`t2-${currentSlide}`"
-                    class="slide-up-text font-bold tracking-tighter drop-shadow-2xl"
+                    class="slide-up-text font-bold text-nowrap tracking-tighter drop-shadow-2xl"
                     style="animation-delay: 1.8s"
                   >
                     {{ banner.subtitle }}

--
Gitblit v1.8.0