diff --git a/css/style.css b/css/style.css index 58bb6ed..bdf9011 100644 --- a/css/style.css +++ b/css/style.css @@ -126,7 +126,7 @@ header{ .slideContent .titleName{ position: absolute; top:35vh; - left:30%; + left:25%; transform:translate(-50%,-50%); z-index:2; font-size:7rem; @@ -142,7 +142,7 @@ header{ .productInfo{ position: absolute; left:65vh; - top:75vh; + top:70vh; } .productDetils{ position: relative; @@ -155,6 +155,8 @@ header{ color:#fff; padding:8px 0; font-size: 2rem; + -webkit-text-stroke: 1px rgba(0, 0, 0, 0.8); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .productDetils .info .rating i{ font-size:12px; @@ -170,19 +172,27 @@ header{ position: relative; left:70vh; top:-14vh; - width:160px; - height:60px; + width:auto; + height:auto; text-align:center; overflow: hidden; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } .buybox a{ text-decoration:none; text-transform: uppercase; color:#fff; - font-size:1rem; + font-size:0.9rem; font-weight:600; position: relative; cursor: pointer; + display: inline-block; + margin: 0 5px; + white-space: nowrap; } .buybox a::before{ position: absolute; @@ -195,7 +205,7 @@ header{ transition:0.3s; } .buybox a:hover::before{ - bottom:10px; + bottom:0px; } diff --git a/index.html b/index.html index e93c562..f4a314a 100644 --- a/index.html +++ b/index.html @@ -122,7 +122,7 @@

洛曦AI

-

¥免费试用中(内测版)

+

¥150元/月,400元/季,1000元/年

@@ -140,6 +140,7 @@

¥免费试用中(内测版)

diff --git a/js/index.js b/js/index.js index df373f3..cf5f418 100644 --- a/js/index.js +++ b/js/index.js @@ -9,7 +9,7 @@ var swiper = new Swiper(".swiper", { }, autoplay: { - delay: 5000, // 每隔5秒自动切换 + delay: 10000, // 每隔5秒自动切换 disableOnInteraction: false, // 允许用户互动后依然保持自动播放 }, });