完成邀请页面

view/molistar/activity/2024-invitationFission/css/index.css

@@ -93,6 +93,8 @@ body {
   position: relative;
   margin: -0.56rem auto 0;
   overflow: hidden;
+  box-sizing: border-box;
+  padding-top: 1.12rem;
 }
 
 .bg .myInfo {
@@ -100,7 +102,7 @@ body {
   height: 4.06667rem;
   background: url(../images/myInfo.png) no-repeat;
   background-size: 100% 100%;
-  margin: 1.12rem auto 0.26667rem;
+  margin: 0 auto 0.26667rem;
   position: relative;
 }
 
@@ -183,6 +185,7 @@ body {
   margin: 0 auto 0.26667rem;
   background: url(../images/myIncomeBg.png) no-repeat;
   background-size: 100% 100%;
+  z-index: 2;
 }
 
 .bg .myIncome img {

view/molistar/activity/2024-invitationFission/css/index.scss

@@ -99,13 +99,15 @@ body {
     position: relative;
     margin: px2rem(-42) auto 0;
     overflow: hidden;
+    box-sizing: border-box;
+    padding-top: px2rem(84);
 
     .myInfo {
         width: px2rem(690);
         height: px2rem(305);
         background: url(../images/myInfo.png) no-repeat;
         background-size: 100% 100%;
-        margin: px2rem(84) auto px2rem(20);
+        margin: 0 auto px2rem(20);
         position: relative;
 
         .tx {
@@ -188,7 +190,7 @@ body {
         margin: 0 auto px2rem(20);
         background: url(../images/myIncomeBg.png) no-repeat;
         background-size: 100% 100%;
-
+        z-index: 2;
         img {
             position: absolute;
             width: px2rem(44);

view/molistar/activity/2024-invitationFission/css/share.css

@@ -14,11 +14,11 @@ body {
 }
 
 .header .swiper {
-  width: 7.2rem;
+  width: 6.4rem;
   position: relative;
   left: 50%;
-  transform: translateX(-70%);
-  top: 6.4rem;
+  transform: translateX(-79%);
+  top: 5.2rem;
 }
 
 .header .swiper .swiper-wrapper {
@@ -49,7 +49,7 @@ body {
   line-height: 1.22667rem;
   text-align: center;
   color: #fff;
-  font-size: 0.42667rem;
+  font-size: 0.4rem;
   background: url(../images/share/xzBg.png) no-repeat;
   background-size: 100% 100%;
   margin: 1.33333rem auto 0.4rem;

view/molistar/activity/2024-invitationFission/css/share.scss

@@ -17,13 +17,13 @@ body {
     background-size: 100% 100%;
 
     .swiper {
-        width: px2rem(540);
+        width: px2rem(480);
         // height: px2rem(1104);
         // height: 9.8rem;
         position: relative;
         left: 50%;
-        transform: translateX(-70%);
-        top: 6.4rem;
+        transform: translateX(-79%);
+        top: 5.2rem;
 
         .swiper-wrapper {
             width: 100%;
@@ -54,7 +54,7 @@ body {
         line-height: px2rem(92);
         text-align: center;
         color: #fff;
-        font-size: px2rem(32);
+        font-size: px2rem(30);
         background: url(../images/share/xzBg.png) no-repeat;
         background-size: 100% 100%;
         margin: px2rem(100) auto px2rem(30);

view/molistar/activity/2024-invitationFission/index.html

@@ -17,7 +17,7 @@
     <!-- 頭部 -->
     <div class="header">
         <img src="./images/header_h3.png" alt="" class="h3">
-        <a href="#rule"><img src="./images/rule_rule.png" alt="" class="rule_rule"></a>
+        <a href="#"><img src="./images/rule_rule.png" alt="" class="rule_rule"></a>
         <div class="text">Get <b>1000</b> for each person invited. </div>
         <!-- <img src="./images/diamond.png" alt=""> -->
     </div>
@@ -114,26 +114,26 @@
                     <div>——</div>
                     <div>——</div>
                 </div>
-                <div class="table1_3">
+                <!-- <div class="table1_3">
                     <div>10000鉆&lt;=30天內儲值&lt;50000鉆 </div>
                     <div>每儲值1000鉆，妳+30鉆（3%）</div>
                 </div>
                 <div class="table1_4">
                     <div>50000鉆&lt;=30天內儲值 </div>
                     <div>每儲值1000鉆，妳+50鉆（8%）</div>
-                </div>
+                </div> -->
                 <div class="table2_1">
                     <div>Recharge amount </div>
                     <div>Earnings received</div>
                 </div>
-                <div class="table2_2">
+                <!-- <div class="table2_2">
                     <div>10000鉆&lt;=30天內儲值&lt;50000鉆 </div>
                     <div>每儲值1000鉆，妳+10鉆（1%）</div>
                 </div>
                 <div class="table2_3">
                     <div>50000鉆&lt;=30天內儲值 </div>
                     <div>每儲值1000鉆，妳+20鉆（2%）</div>
-                </div>
+                </div> -->
             </div>
             <div class="wishingStar"></b></a>
                 <!-- *魔法棒用於參與<a href="../../modules/act-wishingStar/index.html"><b>許願之星活動>> -->

view/molistar/activity/2024-invitationFission/js/index.js

@@ -57,6 +57,11 @@ $(function () {
         profitPage();
     }, 100)
 })
+$('.header .rule_rule').click(function () {
+    $('html, body').animate({
+        scrollTop: $('.header').height() + $('.bg .myInfo').height() + $('.bg .incomeBox').height() + $('.bg .myIncome').height()
+    }, 300);
+})
 // 獲取配置接口
 function getConfig() {
     showLoading()

view/molistar/activity/2024-invitationFission/js/share.js

@@ -73,6 +73,7 @@ function get() {
 }
 // 下载
 $('.box .xz').click(function () {
+    return
     if (browser.ios) {
         return
     } else if (browser.android) {

view/molistar/activity/2024-invitationFission/share.html

@@ -42,7 +42,7 @@
         <!-- <a href="" class="asd">
             <div class="xz" id="downloads">立即下载molistar</div>
         </a> -->
-        <div class="xz" id="downloads">Download Molistar Now!</div>
+        <div class="xz" id="downloads">Google Play search for Molistar</div>
         <div class="codeBg">
             <div class="num"></div>
             <div class="copy" id="copy"></div>