轮播图闪烁

2025-11-21 17:53:08 +08:00
parent a35593bf8a
commit 7a99ebef9d
3 changed files with 72 additions and 33 deletions
--- a/index.html
+++ b/index.html
@@ -9,16 +9,29 @@
 </head>

 <body id="index">
-  <header>{include file="public/header"}</header>
-
+  <header>{include file="public/header"}</header>
+
  <!-- banner -->
  <section class="section banner">
    <div class="swiper banner-cont">
      <div class="swiper-wrapper" id="bannerWrapper"></div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
+      <!-- 固定文案区域，使用第一张轮播图的标题/描述/按钮 -->
+      <div class="banner-text">
+        <div class="section-content">
+          <h1 id="bannerTitle"></h1>
+          <p class="banner-desc" id="bannerDesc"></p>
+          <a
+            class="btn btn2 btn-normal"
+            href="javascript:;"
+            id="bannerButton"
+            style="display: none;"
+          ></a>
+        </div>
+      </div>
+    </div>
    </div>
-    </div>
    <div class="banner-s">
      <div class="section-content banner-list">
        <div class="banner-item" id="cloud-box">