From d788c71456779eddf6560509c472563bef318460 Mon Sep 17 00:00:00 2001
From: zhcnyuyang <yyydm@qq.com>
Date: Tue, 6 May 2025 20:44:56 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=8A=A0=E5=85=A5,=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E9=83=A8=E5=88=86=E7=AB=A3=E5=B7=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Homepage.vue | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index ae10e9b..a5adc91 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -4,10 +4,16 @@ import Partners from './Tools/Partners.vue'
 </script>
 <template>
 <div id="homepageroot" class="pageroot">
-  <div id="homepageroot" style="width: 100%;height: auto">
-    <video muted autoplay="autoplay" loop="loop" style="width: 100%;">
-      <source src="/April29th_batch.mp4" type="video/mp4">
+  <div id="homepagebanner" style="width: 100%;height: auto;background-color: black; position: relative">
+    <video muted autoplay="autoplay" loop="loop" style="width: 100%;z-index: 0;">
+      <source src="/April29th_batch.mp4" type="video/mp4"></source>
     </video>
+    <div id="hpbanner">
+      <div class="bannercontent">
+        <span class="banner1">为用户创造美好体验<br /></span>
+        <span class="banner2">驱动商业可持续增长</span>
+      </div>
+    </div>
   </div>
   <div id="secondwhite" class="pageroot">
     <div id="whiteK" class="normalcontentdiv">
@@ -127,13 +133,18 @@ export default {
 @import "src/publicstyle.scss";
 
 #hpbanner{
-  @include media-breakpoint-between(xs, md) {
-    background-image: url('/HomepageRes/banner_wep.png');
-  }
-
-  @include media-breakpoint-up(md) {
-    background-image: url('/HomepageRes/banner.png');
-  }
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin-left: 0;
+  margin-top: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 #secondwhite