2023情人节：样式调整

view/peko/activity/2023-Valentines-Day/css/index.css

@@ -116,7 +116,7 @@ body {
   font-size: 0.32rem;
   color: #FFF;
   text-align: center;
-  margin-top: 1.1333333333rem;
+  margin-top: 1.1rem;
   line-height: 0.4rem;
 }
 .wrap .letter-wrap .but {
@@ -289,12 +289,13 @@ body {
   background-size: 100% 100%;
   margin: 0.3733333333rem auto;
   display: flex;
-  justify-content: space-around;
+  justify-content: space-between;
   align-items: center;
 }
 .wrap .petition-wrap .myticket span {
   font-size: 0.3466666667rem;
   color: #ffffff;
+  margin-left: 0.2666666667rem;
 }
 .wrap .petition-wrap .myticket .charge {
   width: 1.7333333333rem;
@@ -305,6 +306,7 @@ body {
   color: #FF1FA6;
   line-height: 0.64rem;
   text-align: center;
+  margin-right: 0.2666666667rem;
 }
 .wrap .petition-wrap .subheard {
   font-size: 0.32rem;
@@ -360,6 +362,8 @@ body {
 }
 .wrap .petition-wrap .gift-wrap li span,
 .wrap .petition-wrap .number-wrap li span {
+  width: 100%;
+  text-align: center;
   font-size: 0.32rem;
   color: #FD48B9;
   padding-top: 0.16rem;

view/peko/activity/2023-Valentines-Day/css/index.scss

@@ -135,7 +135,7 @@ body {
                 font-size: px2rem(24, );
                 color: #FFF;
                 text-align: center;
-                margin-top: px2rem(85, );
+                margin-top: 1.1rem;
                 line-height: 0.4rem;
             }
         }
@@ -337,12 +337,13 @@ body {
             background-size: 100% 100%;
             margin: px2rem(28, ) auto;
             display: flex;
-            justify-content: space-around;
+            justify-content: space-between;
             align-items: center;
 
             span {
                 font-size: px2rem(26, );
                 color: #ffffff;
+                margin-left: px2rem(20, );
             }
 
             .charge {
@@ -354,6 +355,8 @@ body {
                 color: #FF1FA6;
                 line-height: px2rem(48, );
                 text-align: center;
+                margin-right: px2rem(20, );
+
             }
         }
 
@@ -426,6 +429,8 @@ body {
                 }
 
                 span {
+                    width: 100%;
+                    text-align: center;
                     font-size: px2rem(24, );
                     color: #FD48B9;
                     padding-top: px2rem(12, );

view/peko/activity/2023-Valentines-Day/index.html

@@ -28,7 +28,7 @@
                     <img src="./images/letter_gift.png" alt="">
                 </div>
                 <p>我的信物：<e>0</e>個</p>
-                <div class="letter_rule">締結CP後，互送情人節限定禮物，積攢情緣值<br>即可獲得豐厚特權獎勵~</div>
+                <div class="letter_rule">締結CP後，互送情人節限定禮物，積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
             </div>
             <div class="but">
                 <input type="number" value="1" maxlength="999"

view/peko/activity/2023-Valentines-Day/js/index.js

@@ -57,10 +57,10 @@ $(function () {
 function swiperFun() {
     var swiper = new Swiper('.swiper', {
         autoplay: {
-            delay: 5000,//5秒切换一次
+            delay: 2000,//2秒切换一次
         },
         // loop: true, // 循环模式选项
-        direction: 'vertical',
+        direction: 'horizontal',
     });
 }