diff --git a/用户端APP/电商首页.html b/用户端APP/电商首页.html index 10158fe..e9895d9 100644 --- a/用户端APP/电商首页.html +++ b/用户端APP/电商首页.html @@ -293,21 +293,12 @@ } .market-slide { - position: absolute; - top: 0; - left: 0; width: 100%; height: 100%; - opacity: 0; - transition: opacity 0.5s ease-in-out; display: flex; flex-direction: column; } - .market-slide.active { - opacity: 1; - } - .market-image { width: 100%; height: 150px; @@ -416,19 +407,20 @@ /* 轮播指示器 */ .carousel-indicators { position: absolute; - bottom: 50px; - right: 15px; + bottom: 20px; + left: 50%; + transform: translateX(-50%); display: flex; - gap: 5px; + gap: 6px; + z-index: 10; } .indicator { - width: 6px; - height: 6px; + width: 8px; + height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); - cursor: pointer; - transition: background 0.3s; + border: 1px solid rgba(255,255,255,0.8); } .indicator.active { @@ -743,10 +735,15 @@
-
@@ -953,53 +912,5 @@ - \ No newline at end of file