From 7a99ebef9d0b00d8e4b058afedd8664d10c77e63 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Fri, 21 Nov 2025 17:53:08 +0800 Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E9=97=AA=E7=83=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 46 ++++++++++++++++++++++++++++++++++------------ index.html | 19 ++++++++++++++++--- js/index.js | 40 ++++++++++++++++++++++------------------ 3 files changed, 72 insertions(+), 33 deletions(-) diff --git a/css/index.css b/css/index.css index be8b1b9..c3a2a1c 100644 --- a/css/index.css +++ b/css/index.css @@ -1,13 +1,13 @@ /* banner */ -.banner-cont { - width: 100%; -} - -.banner-cont .swiper-slide { - height: 500px; - width: 100%; - background: linear-gradient(0, #f7f9fa, #f9fafb); -} +.banner-cont { + width: 100%; +} + +.banner-cont .swiper-slide { + height: 500px; + width: 100%; + background: linear-gradient(0, #f7f9fa, #f9fafb); +} .banner-cont .swiper-slide .img { /* position: absolute; */ @@ -35,9 +35,31 @@ border-radius: 3px; } -.banner-cont .swiper-pagination-bullet-active { - background: rgba(255, 103, 57, 1); -} +.banner-cont .swiper-pagination-bullet-active { + background: rgba(255, 103, 57, 1); +} + +.banner-cont { + position: relative; +} + +.banner-cont .banner-text { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; +} + +.banner-cont .banner-text .section-content { + z-index: 1; +} + +.banner-cont .banner-text .btn { + pointer-events: auto; +} .banner .banner-s { box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); diff --git a/index.html b/index.html index aca86d7..97557d4 100644 --- a/index.html +++ b/index.html @@ -9,16 +9,29 @@ -
{include file="public/header"}
- +
{include file="public/header"}
+