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 | 20 ++++++++++----------
1 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 045dd3a..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 }}
@@ -365,7 +362,10 @@
<el-carousel height="auto" class="border" indicator-position="none" arrow="never">
<el-carousel-item style="height: 400px">
<div class="relative h-full w-full">
- <img class="h-full w-full" src="@/assets/images/鏂伴椈-pic@2x.png" />
+ <img
+ class="h-full w-[1136px] min-w-[1136px] ml-auto"
+ src="@/assets/images/鏂伴椈-pic@2x.png"
+ />
<div
class="absolute top-0 left-0 bottom-0 w-[51%] pt-[87px] pb-20 pl-[202px] pr-[244px] text-white text-[26px] bg-[url('@/assets/images/News-姝ｆ枃@2x.png')] bg-no-repeat bg-size-[100%_100%]"
>
--
Gitblit v1.8.0