更新：新增洛曦教程链接，优化样式

LuoXi-Project · Jan 28, 2025 · d954d9c · d954d9c
1 parent 691bd67
commit d954d9c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git 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
@@ -122,7 +122,7 @@ <h1 class="titleName">洛曦<span>AI</span></h1>
                         <div class="productInfo">
                             <div class="productDetils">
                                 <div class="info">
-                                    <h2>￥免费试用中（内测版）</h2>
+                                    <h2>￥150元/月，400元/季，1000元/年</h2>
                                     <div class="rating">
                                         <i class="fa fa-star"></i>
                                         <i class="fa fa-star"></i>
@@ -140,6 +140,7 @@ <h2>￥免费试用中（内测版）</h2>
                             </div>
                             <div class="buybox">
                                 <a href="https://space.bilibili.com/3709626" target="_blank">咨询Q：327209194</a>
+                                <a href="https://space.bilibili.com/3709626/lists/4391504" target="_blank">观看教程</a>
                             </div>
                         </div>
                     </div>

diff --git 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,  // 允许用户互动后依然保持自动播放
     },
 });