修复不选择充值档位的情况下 仍然可以发起支付问题

view/peko/activity/act-ocean/css/index.css

@@ -11,9 +11,26 @@
 html,
 body {
   font-family: "din-medium";
-  background: #531800;
+  background: #E17E3D;
   overflow-x: hidden;
 }
+html::-webkit-scrollbar,
+body::-webkit-scrollbar {
+  display: none;
+}
+
+.back {
+  position: fixed;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
+  z-index: 9;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
+}
+.back img {
+  width: 100%;
+  height: 100%;
+}
 
 .wrap {
   width: 100%;
@@ -181,6 +198,7 @@ body {
   padding-left: 0.6266666667rem;
 }
 .wrap .game-area .select-time ul li {
+  transition: all, 0.2s;
   position: relative;
   z-index: 99;
   width: 1.84rem;
@@ -834,28 +852,29 @@ body {
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
   font-family: "pingfang-regular";
-  width: 6.1333333333rem;
+  width: 5.8666666667rem;
   height: 0.9333333333rem;
   background-color: rgba(255, 255, 255, 0.3);
   border-radius: 0.48rem;
   margin: 0.2666666667rem auto 0.08rem;
+  display: flex;
+  overflow: hidden;
+  padding: 0.0666666667rem;
+  box-sizing: border-box;
+  justify-content: space-between;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span {
   display: inline-block;
-  width: 2.8rem;
+  width: 50%;
   height: 0.8rem;
   line-height: 0.8rem;
   text-align: center;
   font-size: 0.4rem;
   color: white;
-  margin-top: 0.0666666667rem;
-}
-.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span:first-child {
-  margin-left: 0.1866666667rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap .active {
   background-color: white;
-  color: #F5A03A;
+  color: #F56801;
   border-radius: 0.4rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap {
@@ -911,14 +930,14 @@ body {
   margin: 0;
   margin-top: -0.2666666667rem;
   margin-bottom: 0.0533333333rem;
-  color: #FF5110;
+  color: #fff;
   font-size: 0.32rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank {
   overflow: auto;
   position: absolute;
   width: 100%;
-  height: 6.9rem;
+  height: 7rem;
   padding: 0.4rem 0.2666666667rem 0;
   box-sizing: border-box;
   margin-top: 0.25rem;
@@ -934,7 +953,7 @@ body {
   width: 0.4rem;
   font-size: 0.4rem;
   font-weight: bold;
-  color: #fff;
+  color: #333;
   text-align: center;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
@@ -952,12 +971,12 @@ body {
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
   font-size: 0.3733333333rem;
   font-weight: bold;
-  color: #fff;
+  color: #333333;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
   font-size: 0.3466666667rem;
   font-weight: bold;
-  color: #fff;
+  color: #FF7700;
 }
 .wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
   color: #FF5110;
@@ -981,11 +1000,13 @@ body {
   font-size: 0.3466666667rem;
   font-weight: bold;
   color: white;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
   flex: 1;
   display: flex;
   align-items: center;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info img {
   width: 1.0666666667rem;
@@ -1007,9 +1028,10 @@ body {
   font-size: 0.3466666667rem;
   font-weight: bold;
   color: #fff;
+  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
-  color: #FF5110;
+  color: #fff;
   font-weight: bold;
 }
 .wrap .shade-mask-fragmentNum {

view/peko/activity/act-ocean/css/index.scss

@@ -25,12 +25,27 @@
 html,
 body {
     font-family: 'din-medium';
-    background: #531800;
+    background: #E17E3D;
     // 海浪svga过长
     overflow-x: hidden;
     // height: 19rem;
+    &::-webkit-scrollbar{
+        display: none;
+    }
 }
+.back {
+    position: fixed;
+    top: px2rem(70, );
+    left: px2rem(34, );
+    z-index: 9;
+    width: px2rem(62, );
+    height: px2rem(62, );
 
+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
 .wrap {
     width: 100%;
     height: 100vh;
@@ -291,6 +306,7 @@ body {
                 padding-left: px2rem(47);
 
                 li {
+                    transition: all, 0.2s;
                     position: relative;
                     z-index: 99;
                     width: px2rem(138);
@@ -1098,30 +1114,35 @@ body {
 
                 .tab-wrap {
                     font-family: 'pingfang-regular';
-                    width: px2rem(460);
+                    width: px2rem(440);
                     height: px2rem(70);
                     background-color: rgba($color: #fff, $alpha: .3);
                     border-radius: px2rem(36);
                     margin: px2rem(20) auto px2rem(6);
+                    display: flex;
+                    overflow: hidden;
+                    padding: px2rem(5, );
+                    box-sizing: border-box;
+                    justify-content: space-between;
 
                     span {
                         display: inline-block;
-                        width: px2rem(210);
+                        // width: px2rem(210, );
+                        width: 50%;
                         height: px2rem(60);
                         line-height: px2rem(60);
                         text-align: center;
                         font-size: px2rem(30);
                         color: white;
-                        margin-top: px2rem(5);
 
-                        &:first-child {
-                            margin-left: px2rem(14);
-                        }
+                        // &:first-child {
+                        //     margin-left: px2rem(14);
+                        // }
                     }
 
                     .active {
                         background-color: white;
-                        color: #F5A03A;
+                        color: #F56801;
                         border-radius: px2rem(30);
                     }
                 }
@@ -1188,7 +1209,7 @@ body {
                             margin: 0;
                             margin-top: px2rem(-20);
                             margin-bottom: px2rem(4);
-                            color: #FF5110;
+                            color: #fff;
                             font-size: px2rem(24);
                         }
                     }
@@ -1199,7 +1220,7 @@ body {
                 overflow: auto;
                 position: absolute;
                 width: 100%;
-                height: 6.9rem;
+                height: 7rem;
                 // background-color: white;
                 padding: px2rem(30) px2rem(20) 0;
                 box-sizing: border-box;
@@ -1221,7 +1242,7 @@ body {
                         width: px2rem(30);
                         font-size: px2rem(30);
                         font-weight: bold;
-                        color: #fff;
+                        color: #333;
                         text-align: center;
                     }
 
@@ -1241,14 +1262,14 @@ body {
                         .others-nick {
                             font-size: px2rem(28);
                             font-weight: bold;
-                            color: #fff;
+                            color: #333333;
                         }
                     }
 
                     .others-diamond-num {
                         font-size: px2rem(26);
                         font-weight: bold;
-                        color: #fff;
+                        color: #FF7700;
 
                         b {
                             color: #FF5110;
@@ -1277,12 +1298,14 @@ body {
                     font-size: px2rem(26);
                     font-weight: bold;
                     color: white;
+                    white-space: nowrap;
                 }
 
                 .mine-info {
                     flex: 1;
                     display: flex;
                     align-items: center;
+                    white-space: nowrap;
 
                     img {
                         width: px2rem(80);
@@ -1307,9 +1330,10 @@ body {
                     font-size: px2rem(26);
                     font-weight: bold;
                     color: #fff;
+                    white-space: nowrap;
 
                     b {
-                        color: #FF5110;
+                        color: #fff;
                         font-weight: bold;
                     }
                 }

view/peko/activity/act-ocean/index.html

@@ -6,12 +6,13 @@
     <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <title>星级厨房</title>
-
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css?v=2.2">
 </head>
 
 <body>
+    <!-- 顶部返回 -->
+    <!-- <div class="back"><img src="./images/travel/back.png" alt=""></div> -->
     <div class="wrap no-in-app">
         <!-- <div class="wrap "> -->
         <div class="banner">
@@ -36,7 +37,7 @@
             <div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
         </div>
         <!-- 游戏区域 -->
-        <div class="game-area" style="display: none;">
+        <div class="game-area" >
             <!-- 本轮轮次 -->
             <div class="roundId"></div>
             <!-- 选择时间 -->
@@ -50,7 +51,86 @@
                     <div>10000</div>
                 </div>
                 <ul>
-
+                    <!-- <li class="li0" data-total-num="">
+                        <img src="./images/1.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li1" data-total-num="">
+                        <img src="./images/2.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li2" data-total-num="">
+                        <img src="./images/3.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li3" data-total-num="">
+                        <img src="./images/4.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li4" data-total-num="">
+                        <img src="./images/5.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li5" data-total-num="">
+                        <img src="./images/6.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li6" data-total-num="">
+                        <img src="./images/7.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li>
+                    <li class="li7" data-total-num="">
+                        <img src="./images/8.png" alt="">
+                        <div class="multiple"></div>
+                        <div class="name general"></div>
+                        <div class="bubble-2s">
+                            <p class="first-line">點擊選取</p>
+                            <p class="second-line">賺 <span></span> 倍獎勵</p>
+                        </div>
+                        <div class="select-num"></div>
+                    </li> -->
                 </ul>
 
                 <div class="shelf"><img src="./images/shelf.png" alt=""></div>
@@ -62,7 +142,7 @@
                 <div class="current-tip">等待结果</div>
             </div>
             <!-- 开奖展示动画时间 -->
-            <div class="draw-time">
+            <div class="draw-time" style="display: none;">
                 <div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
                 <div class="current-tip">本轮结果：<span class="current-result"></span></div>
                 <!-- 中奖物品展示 -->
@@ -196,7 +276,7 @@
         </div>
 
         <!-- 今日排名弹窗 -->
-        <div class="shade-mask-rank">
+        <div class="shade-mask-rank" >
             <div class="shade-content-rank">
                 <div class="rank-top">
 
@@ -245,7 +325,7 @@
     <script src="../../common/js/layer.js"></script>
     <script src="../../common/js/vconsole.min.js"></script>
     <script src="../../common/js/svga.min.js"></script>
-    <script src="./js/index.js?v=2.2"></script>
+    <script src="./js/index.js?v=2.1"></script>
 </body>
 
 </html>

view/peko/activity/act-ocean/js/index.js

@@ -82,6 +82,7 @@ const getUserPieceNum = () => {
         success (res) {
             if (res.code === 200) {
                 $('.info-bottom').find('.fragment span').html(res.data.diamonds)
+                $('.wrap .info-bottom .info-wrap .diamond-num span').text(res.data.diamonds)
                 myFragment = res.data.diamonds;
             } else {
                 return toastMsg(res.message)
@@ -132,6 +133,7 @@ const getNewestAct = () => {
                     return showLoading('服務器正在維護中...')
                 } else {
                     console.log(res.timestamp > res.data.endTime);
+                    if (res.data.endTime == null) res.data.endTime = undefined
                     if (res.timestamp >= res.data.endTime) { //請求的還是上一輪的數據，重新請求
                         console.log('請求的還是上一輪的數據，必須重新請求');
                         showLoading()
@@ -454,10 +456,10 @@ const renderDrawInfo = () => {
     $('.wrap .game-area .draw-time .draw-pic').remove();
     var lenght = drawInfo.drawItemList.length;
     var drawStr = '';
-    drawInfo.drawItemList.forEach(res => {
+    drawInfo.drawItemList.forEach(item => {
         drawStr += `
         <div class="draw-pic">
-            <img src="${res.drawImageUrl}" alt="">
+            <img src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt="">
         </div>
         `
     })
@@ -503,13 +505,13 @@ const renderDrawInfo = () => {
     $('.put-wrap .list .item').remove()
     // 渲染投入列表
     let list = ''
-    drawInfo.userDrawResult.drawRecords.map(res => {
+    drawInfo.userDrawResult.drawRecords.map(item => {
         list += `
             <div class="item">
-                <p><img src="${res.imgUrl}" class="gift" alt=""></p>
+                <p><img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" class="gift" alt=""></p>
                 <div>
                     <img src="./images/diamond.png" class="diamond" alt="">
-                    <span class="in">${res.costPieceNum}</span>
+                    <span class="in">${item.costPieceNum}</span>
                 </div>
             </div>
         `
@@ -608,10 +610,10 @@ const renderListItem = () => {
             `
         })
     } else {
-        listItem.map((item) => {
+        listItem.forEach((item, i) => {
             str += `
                 <li data-total-num={"number":"${item.costPieceNum}","id":"${item.id}"}>
-                    <img src="${item.imgUrl}" alt="">
+                    <img src="${item.name == '洋蔥' ? './images/1.png' : item.name == '番茄' ? './images/2.png' : item.name == '蘑菇' ? './images/3.png' : item.name == '土豆' ? './images/4.png' : item.name == '大閘蟹' ? './images/5.png' : item.name == '魚' ? './images/6.png' : item.name == '雞肉' ? './images/7.png' : item.name == '龍蝦' ? './images/8.png' : item.imgUrl}" alt="">
                     <div class="multiple">x${item.multiple}</div>
                     <div class="name">${item.name} <p class="gift-price">${item.price ? `(${item.price}鉆石)` : ''}</p></div>
                     <div class="bubble-2s">
@@ -669,13 +671,13 @@ const renderPreviousResults = (val) => {
             <li>
                 ${res.drawItemList.map(item => {
             if (res.drawItemList.length == 1) {
-                return `<p style="width:0.8rem;height:0.8rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.8rem;height:0.8rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
             } else if (res.drawItemList.length == 2) {
-                return `<p style="width:0.6rem;height:0.6rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.6rem;height:0.6rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
             } else if (res.drawItemList.length == 3) {
-                return `<p style="width:0.45rem;height:0.45rem"><img  src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p style="width:0.45rem;height:0.45rem"><img  src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
             } else {
-                return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawImageUrl}" alt=""></p>`;
+                return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawName == '洋蔥' ? './images/1.png' : item.drawName == '番茄' ? './images/2.png' : item.drawName == '蘑菇' ? './images/3.png' : item.drawName == '土豆' ? './images/4.png' : item.drawName == '大閘蟹' ? './images/5.png' : item.drawName == '魚' ? './images/6.png' : item.drawName == '雞肉' ? './images/7.png' : item.drawName == '龍蝦' ? './images/8.png' : item.drawImageUrl}" alt=""></p>`;
             }
 
         }).join('')
@@ -703,17 +705,19 @@ const sendUserDrawInfo = (itemId, num, tais) => {
                 tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
                 tais
                     .stop(true, true)
-                    .animate({ scale: 1.1 }, 200)
-                    .animate({ scale: 1 }, 200, function () {
-                        if (lock) {
-                            tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
-                        }
-                        setTimeout(() => {
-                            // getUserInfo()
-                            getUserPieceNum()
-                            // getListItem(roundId)
-                        }, 100)
-                    })
+                    .animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
+                    .animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
+                // .animate({ scale: 1, rotate: 0 }, 50, function () {
+                // if (lock) {
+                // tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(200)
+                tais.find('.select-num').html('+' + tais.data('total-num').number).hide().fadeIn(50)
+                // }
+                // setTimeout(() => {
+                // getUserInfo()
+                getUserPieceNum()
+                // getListItem(roundId)
+                // }, 100)
+                // })
                 hideLoading(layerIndex)
             } else if (31005) {
                 lock = !lock
@@ -1016,7 +1020,7 @@ $(function () {
         $('.recharge').click(function () {
             // if (browser.app) {
             //     if (browser.ios) {
-            //         window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4';
+            //         window.location.href = 'http://192.168.0.19:5502/view/peko/modules/pay/index.html?channelType=4';
             //     } else {
             //         if (browser.android) {
             //             let channel = pubInfo.deviceInfo.channel
@@ -1078,8 +1082,13 @@ $(function () {
                     window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                 }
             } else if (browser.ios) {
-                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                let channel = pubInfo.deviceInfo.channel;
+                if (channel == "appstore") { 
+                    window.webkit.messageHandlers.openChargePage.postMessage(null);
+                } else {
+                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
+                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                }
             }
         } else {
             toastMsg('請在app內打開')
@@ -1138,68 +1147,7 @@ $(function () {
     $('.shade-content-rank').on('click', function (e) {
         e.stopPropagation()
     })
-    // 監聽滾動
-    // $('.other-rank').on('scroll', function () {
-    //     let scrollTop = $(this).scrollTop();//這是已經卷進去滾動條的的高度
-    //     let scrollHeight = $('.other-rank')[0].scrollHeight;//這個是other-rank包含滾動條的總高度
-    //     let ulHeight = $(this).innerHeight();//這個是other-rank的高度
 
-    //     //這樣距離到底還有一段距離就請求，但是會導致重復請求，所以要加鎖限製
-    //     if (scrollTop + ulHeight + 100 >= scrollHeight) {
-    //         if (type === 1) {
-    //             if (isLockD) {
-    //                 isLockD = false
-    //                 pageD++
-    //                 if (pageSize * pageD > 30) {
-    //                     toastMsg('沒有更多數據啦~')
-    //                 } else {
-    //                     if (canRequsetNextPageD) {
-    //                         getListRank(type, pageD);
-    //                     } else {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             } else {
-    //                 if (scrollTop + ulHeight >= scrollHeight) {
-    //                     if (pageSize * pageD > 30) {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             }
-
-    //         } else {
-    //             if (isLockN) {
-    //                 isLockN = false
-    //                 pageN++
-    //                 if (pageSize * pageN > 30) {
-    //                     toastMsg('沒有更多數據啦~')
-    //                 } else {
-    //                     if (canRequsetNextPageN) {
-    //                         getListRank(type, pageN);
-    //                     } else {
-    //                         toastMsg('沒有更多數據啦')
-    //                     }
-    //                 }
-    //             } else {
-    //                 if (scrollTop + ulHeight >= scrollHeight) {
-    //                     if (pageSize * pageN > 30) {
-    //                         toastMsg('沒有更多數據啦~')
-    //                     }
-    //                 }
-    //             }
-    //         }
-    //     }
-    // })
-
-    // 播放3s動畫
-    // let player1 = new SVGA.Player('.draw-time');
-    // let parser1 = new SVGA.Parser('.draw-time');
-    // parser1.load('./images/draw.svga', function (videoItem) {
-    //     // player.loops = 2;
-    //     player1.clearsAfterStop = false;
-    //     player1.setVideoItem(videoItem);
-    //     player1.startAnimation();
-    // })
     // 点击跳转个人主页
     // $('.draw-time .top-three .top-three-list .no').off()
     $('.draw-time .top-three .top-three-list .no').click(function () {
@@ -1231,8 +1179,13 @@ $(function () {
                     window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
                 }
             } else if (browser.ios) {
-                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
-                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                let channel = pubInfo.deviceInfo.channel;
+                if (channel == "appstore") { 
+                    window.webkit.messageHandlers.openChargePage.postMessage(null);
+                } else {
+                    window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
+                    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+                }
             }
         } else {
             toastMsg('請在app內打開')
@@ -1252,27 +1205,27 @@ $(function () {
             return
         }
 
-        if (!lock) {
-            lock = !lock
-            // console.log($(this).data('total-num'));
-            // console.log($(this).data('total-num').number);
-            // console.log(fragmentNum);
-            // $(this).data('total-num').number = parseInt($(this).data('total-num').number) + fragmentNum
-            // $(this)
-            //     .stop(true, true)
-            //     .animate({ scale: 1.1 }, 200)
-            //     .animate({ scale: 1 }, 200, function () {
-            //         if (lock) {
-            //             $(this).find('.select-num').html('+' + $(this).data('total-num').number).hide().fadeIn(200)
-            //         }
-            //         setTimeout(() => {
-            //             // getUserInfo()
-            //             getUserPieceNum()
-            //             // getListItem(roundId)
-            //         }, 100)
-            //     })
-            sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
-        }
+        // if (!lock) {
+        //     lock = !lock
+        // console.log($(this).data('total-num'));
+        // console.log($(this).data('total-num').number);
+        // console.log(fragmentNum);
+        // $(this).data('total-num').number = parseInt($(this).data('total-num').number) + fragmentNum
+        // $(this)
+        //     .stop(true, true)
+        //     .animate({ scale: 1.1 }, 200)
+        //     .animate({ scale: 1 }, 200, function () {
+        //         if (lock) {
+        //             $(this).find('.select-num').html('+' + $(this).data('total-num').number).hide().fadeIn(200)
+        //         }
+        //         setTimeout(() => {
+        //             // getUserInfo()
+        //             getUserPieceNum()
+        //             // getListItem(roundId)
+        //         }, 100)
+        //     })
+        sendUserDrawInfo($(this).data('total-num').id, fragmentNum, $(this))
+        // }
     })
 
     // ios去到後臺或者鎖屏後再回來倒計時不準確
@@ -1294,4 +1247,17 @@ $(function () {
             $countDown.html(countDownTime)
         }
     })
-})  
+
+})
+//返回页面 重新请求接口
+var hiddenProperty = 'hidden' in document ? 'hidden' :
+    'webkitHidden' in document ? 'webkitHidden' :
+        'mozHidden' in document ? 'mozHidden' : null;
+
+var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
+var onVisibilityChange = function () {
+    if (!document[hiddenProperty]) {
+        location.reload()
+    }
+}
+document.addEventListener(visibilityChangeEvent, onVisibilityChange);

view/peko/common/js/common2.js

@@ -529,11 +529,13 @@ function getInfoFromClient () {
         console.log('从客户端获取了用户信息（设备信息），此信息来源：common2.js');
         if (browser.android) {
             pubInfo.uid = methodsFromClient.uid.android();
+            pubInfo.roomUid = methodsFromClient.roomUid.android();
             pubInfo.ticket = methodsFromClient.ticket.android();
             pubInfo.deviceId = methodsFromClient.deviceId.android();
             pubInfo.deviceInfo = methodsFromClient.deviceInfo.android();
         } else {
             methodsFromClient.uid.ios();
+            methodsFromClient.roomUid.ios();
             methodsFromClient.ticket.ios();
             methodsFromClient.deviceId.ios();
             methodsFromClient.deviceInfo.ios();
@@ -541,15 +543,13 @@ function getInfoFromClient () {
 
     } else {
         // 非app环境调试参数
-        pubInfo.uid = 0;
-        pubInfo.ticket = "";
-        // pubInfo.uid = "";
-        // pubInfo.ticket = "";
-
+        pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
+        // pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+        pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
         pubInfo.deviceId = "0";
         pubInfo.deviceInfo = {
             app: 'peko',
-            appVersion: '0.0.0',
+            appVersion: '9.9.9',
             os: '0.0.0',
             osVersion: '0.0.0',
             channel: 'browser',
@@ -764,19 +764,22 @@ function networkRequest (reqObj = {}, type) {
     if (typeof pubInfo.deviceInfo === 'string') {
         pubInfo.deviceInfo = JSON.parse(pubInfo.deviceInfo);
     };
-    const pubHeader = {
-        app: type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao',
-        // app: 'peko',
-        // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
-        appVersion: pubInfo.deviceInfo.appVersion || '',
-        os: pubInfo.deviceInfo.os || '',
-        os_version: pubInfo.deviceInfo.osVersion || '',
-        channel: pubInfo.deviceInfo.channel || '',
-        client: 'h5',
-        pub_uid: pubInfo.uid,
-        pub_ticket: pubInfo.ticket
-    };
-
+    var browser = checkVersion();
+    const pubHeader = {};
+    pubHeader.app = type != 'yinbaos' ? pubInfo.deviceInfo.app : 'yinbao'
+    // app: 'peko',
+    // app: pubInfo.deviceInfo.app.indexOf('peko') != -1 ? 'peko' : 'PlanetStar',
+    pubHeader.appVersion = pubInfo.deviceInfo.appVersion || ''
+    pubHeader.os = pubInfo.deviceInfo.os || ''
+    pubHeader.os_version = pubInfo.deviceInfo.osVersion || ''
+    pubHeader.channel = pubInfo.deviceInfo.channel || ''
+    pubHeader.client = 'h5'
+    pubHeader.pub_uid = window.location.pathname.match(/login.html/) ? 0 : pubInfo.uid
+    if (browser.app) {
+        pubHeader.pub_ticket = pubInfo.ticket
+    } else {
+        pubHeader.h5_token =sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
+    }
     const url = reqObj.url;
     const commParams = objToParam(pubHeader);
     if (url.indexOf('?') >= 0) {
@@ -792,4 +795,13 @@ function networkRequest (reqObj = {}, type) {
 
     const response = $.ajax(reqObj);
     return response;
+}
+// 控制body是否可以滑动
+function bodyScroolFun (bool) {
+    if (bool) {
+        $('body').css('overflow', 'hidden');
+    } else {
+        $('body').css('overflow', 'auto');
+
+    }
 }

view/peko/home/js/index.js

@@ -7,113 +7,114 @@ const urlPrefix = getUrlPrefix()
 let channelData = urlData.channel
 //定义官方渠道包
 const channelDict = {
-  'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
-  'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
-  'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
-  'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
-  'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
-  'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
-  'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
-  'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
-  'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
-  'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
-  'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
-  'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
-  'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
+    'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
+    'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
+    'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
+    'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
+    'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
+    'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
+    'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
+    'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
+    'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
+    'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
+    'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
+    'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
+    'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
 
-  // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
+    // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
 }
 $(function () {
 
-  //判断url参数是否是与渠道包名一致
-  let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
-  let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
-  //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
+    //判断url参数是否是与渠道包名一致
+    let androidUrl = null;
+    channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.pekolive';
+    let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
+    //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
 
-  if (version.ios) {
-    $('.button-wrapper').on('click', function () {
-      if (version.weixin) {
-        $('.tips').show()
-        return
-      }
-      window.location.href = iosUrl;
-    })
+    if (version.ios) {
+        $('.button-wrapper').on('click', function () {
+            if (version.weixin) {
+                $('.tips').show()
+                return
+            }
+            window.location.href = iosUrl;
+        })
 
-  } else if (version.android) {
-    $('.button-wrapper').on('click', function () {
-      if (version.weixin) {
-        $('.tips').show()
-        return
-      }
-      window.location.href = androidUrl;
-    })
-  } else {
-    $('.button-wrapper').on('click', function () {
-      window.location.href = androidUrl;
-    })
-    $('.button2-wrapper').on('click', function () {
-      window.location.href = iosUrl;
-    })
-  }
+    } else if (version.android) {
+        $('.button-wrapper').on('click', function () {
+            if (version.weixin) {
+                $('.tips').show()
+                return
+            }
+            window.location.href = androidUrl;
+        })
+    } else {
+        $('.button-wrapper').on('click', function () {
+            window.location.href = androidUrl;
+        })
+        $('.button2-wrapper').on('click', function () {
+            window.location.href = iosUrl;
+        })
+    }
 
 })
 
-function swiperFun() {
-  var swiper = new Swiper('.swiper', {
-    direction: 'horizontal',
-    loop: true,
-    autoplay: 5000,
-    slidesPerView: "auto",
-    centeredSlides: true,
-    spaceBetween: 0,
-    initialSlide: 1,//默认第二个居中
+function swiperFun () {
+    var swiper = new Swiper('.swiper', {
+        direction: 'horizontal',
+        loop: true,
+        autoplay: 5000,
+        slidesPerView: "auto",
+        centeredSlides: true,
+        spaceBetween: 0,
+        initialSlide: 1,//默认第二个居中
 
-  });
+    });
 }
 
 $(function () {
-  $(document).ready(function () {
-    var deviceWidth = document.documentElement.clientWidth;
-    if (deviceWidth > 768) {
-      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-    } else {
-      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+    $(document).ready(function () {
+        var deviceWidth = document.documentElement.clientWidth;
+        if (deviceWidth > 768) {
+            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+        } else {
+            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+        }
+    });
+    window.onresize = function () {
+        var deviceWidth = document.documentElement.clientWidth;
+        // console.log('deviceWidth', deviceWidth);
+        if (deviceWidth > 768) {
+            document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
+        } else {
+            document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
+        }
     }
-  });
-  window.onresize = function () {
-    var deviceWidth = document.documentElement.clientWidth;
-    // console.log('deviceWidth', deviceWidth);
-    if (deviceWidth > 768) {
-      document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
-    } else {
-      document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
-    }
-  }
 
-  swiperFun();
+    swiperFun();
 
-  //跳转pc端充值 
-  $('.homePc .charge').click(function () {
-    window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
-  })
-  // 跳转移动端h5充值
-  $('.homeM .charge').click(function () {
-    window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
-  })
-  // logo跳转
-  $('.googlePlay').click(function () {
-    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
-  })
-  $('.appleStore').click(function () {
-    // console.log(version, 'version');
-    if (version.webKit && version.ios) {
-      window.location.href = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
-    } else {
-      window.location.href = 'http://doudouyue.com/h958'
-    }
-  })
-  $('.apk').click(function () {
-    window.location.href = 'https://img.pekolive.com/peko_official.apk'
-  })
+    //跳转pc端充值 
+    $('.homePc .charge').click(function () {
+        window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
+    })
+    // 跳转移动端h5充值
+    $('.homeM .charge').click(function () {
+        window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+    })
+    // logo跳转
+    $('.googlePlay').click(function () {
+        window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.pekolive'
+    })
+    $('.appleStore').click(function () {
+        // console.log(version, 'version');
+        if (version.webKit && version.ios) {
+            window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
+        }
+        else {
+            window.location.href = 'http://doudouyue.com/3gh2'
+        }
+    })
+    $('.apk').click(function () {
+        window.location.href = 'https://img.pekolive.com/peko_official.apk'
+    })
 })

view/peko/homeCheck/css/index.css

@@ -0,0 +1,221 @@
+@charset "UTF-8";
+body,
+html {
+  width: 100%;
+  height: 100%;
+  font-family: "Heiti SC", "Microsoft Sans Serif"; }
+
+.container {
+  position: relative; }
+
+.homePc {
+  width: 100%;
+  height: 10.8rem;
+  background: url(../images/homePc.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden; }
+  .homePc .logo {
+    width: 2.35rem;
+    height: 0.8rem;
+    position: absolute;
+    top: 0.36rem;
+    left: 2.4rem; }
+  .homePc .name {
+    font-size: 0.3rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    top: 0.55rem;
+    left: 3.22rem; }
+  .homePc .charge {
+    font-size: 0.32rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 4.24rem;
+    top: 0.5rem; }
+  .homePc p {
+    font-size: 0.32rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 3.95rem;
+    top: 0.5rem; }
+  .homePc .zhichi {
+    font-size: 0.3rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 2.4rem;
+    top: 0.5rem; }
+  .homePc .swiper {
+    width: 12.6rem;
+    height: 9.55rem;
+    margin: 1.25rem 0 0 4.1rem;
+    position: relative;
+    overflow-y: hidden; }
+    .homePc .swiper .swiper-wrapper {
+      width: 10.8rem;
+      height: 100%;
+      /*先去掉前进后退按钮默认样式*/
+      --swiper-navigation-size:0; }
+      .homePc .swiper .swiper-wrapper .swiper-slide img {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%); }
+    .homePc .swiper .swiper-pagination {
+      width: 0.63rem;
+      height: 2.07rem;
+      background-color: rgba(0, 0, 0, 0.4);
+      border-radius: 0.4rem;
+      position: absolute;
+      top: 3.5rem;
+      right: 0rem; }
+      .homePc .swiper .swiper-pagination .swiper-pagination-bullet {
+        width: 0.22rem !important;
+        height: 0.22rem !important;
+        background: none !important;
+        background-image: url(../images/li.png) !important;
+        background-size: 100% 100% !important;
+        opacity: 1 !important;
+        margin: 0.35rem auto; }
+      .homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
+        background: none !important;
+        background-image: url(../images/li_active.png) !important;
+        background-size: 100% 100% !important;
+        opacity: 1 !important; }
+
+.eori {
+  width: 100%;
+  background: #30312C;
+  color: white;
+  padding: 0.2rem 0;
+  vertical-align: top; }
+  .eori .recordfoot {
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 0.1rem; }
+    .eori .recordfoot .record {
+      display: inline-block;
+      padding-right: 0.0533333333rem;
+      height: 0.16rem;
+      width: 0.15rem; }
+    .eori .recordfoot a {
+      font-size: 0.2rem;
+      color: #fff; }
+  .eori .gongsi {
+    display: flex;
+    justify-content: center;
+    text-align: center; }
+    .eori .gongsi p {
+      font-size: 0.2rem; }
+      .eori .gongsi p:nth-child(2) {
+        margin: 0 0.2rem; }
+
+.service {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.8);
+  z-index: 9999;
+  display: none; }
+  .service .service_in {
+    width: 8.23rem;
+    height: 4.9rem;
+    background: #FFFFFF;
+    border-radius: 0.5rem;
+    position: relative;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: hidden; }
+    .service .service_in .close {
+      width: 0.5rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.35rem;
+      right: 0.4rem; }
+    .service .service_in .title {
+      width: 100%;
+      font-size: 0.48rem;
+      color: #2D2727;
+      font-weight: 600;
+      text-align: center;
+      margin: 0.35rem 0; }
+    .service .service_in .subhead {
+      width: 100%;
+      font-size: 0.24rem;
+      color: #2D2727;
+      font-weight: 600;
+      text-align: center;
+      margin-bottom: 0.5rem; }
+    .service .service_in .con {
+      width: 100%;
+      height: 2.6rem;
+      display: flex;
+      justify-content: space-evenly;
+      align-items: center; }
+      .service .service_in .con div {
+        flex: 1;
+        font-size: 0.2rem;
+        text-align: center; }
+      .service .service_in .con .left {
+        border-right: 1px solid #F0F0F0; }
+        .service .service_in .con .left p e {
+          display: inline-block;
+          width: 0.25rem;
+          height: 0.25rem;
+          line-height: 0.25rem;
+          text-align: center;
+          border-radius: 50%;
+          background-color: #ffe710; }
+        .service .service_in .con .left img {
+          width: 3rem;
+          height: 1.7rem;
+          margin-top: 0.38rem; }
+      .service .service_in .con .right p e {
+        display: inline-block;
+        width: 0.25rem;
+        height: 0.25rem;
+        line-height: 0.25rem;
+        text-align: center;
+        border-radius: 50%;
+        background-color: #ffe710; }
+      .service .service_in .con .right img {
+        width: 1.68rem;
+        height: 1.68rem;
+        margin-top: 0.38rem; }
+
+.toast {
+  background: rgba(0, 0, 0, 0.9);
+  border-radius: 10px;
+  width: 100px;
+  font-size: 16px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  display: none;
+  z-index: 9; }
+
+.tips {
+  display: none;
+  position: fixed;
+  top: 0;
+  right: 0.2666666667rem;
+  width: 6.1333333333rem;
+  z-index: 9; }
+
+/*# sourceMappingURL=index.css.map */

view/peko/homeCheck/css/index.scss

@@ -0,0 +1,494 @@
+@function px2rem($px, $rem: 75) {
+  @return $px / $rem+rem;
+}
+
+body,
+html {
+  width: 100%;
+  height: 100%;
+  font-family: "Heiti SC", "Microsoft Sans Serif";
+  //overflow: hidden;
+}
+
+.container {
+  position: relative;
+}
+
+// pc端
+// @media screen and (min-width:769px) {
+//   .m-bg {
+//     display: none;
+
+//     img {
+//       display: block;
+//     }
+//   }
+// }
+
+.homePc {
+  width: 100%;
+  height: 10.8rem;
+  background: url(../images/homePc.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
+
+  .logo {
+    width: 2.35rem;
+    height: 0.8rem;
+    position: absolute;
+    top: 0.36rem;
+    left: 2.4rem;
+  }
+
+  .name {
+    font-size: 0.3rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    top: 0.55rem;
+    left: 3.22rem;
+  }
+
+  .charge {
+    font-size: 0.32rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 4.24rem;
+    top: 0.5rem;
+  }
+
+  p {
+    font-size: 0.32rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 3.95rem;
+    top: 0.5rem;
+  }
+
+  .zhichi {
+    font-size: 0.3rem;
+    color: #282828;
+    font-weight: 600;
+    position: absolute;
+    right: 2.4rem;
+    top: 0.5rem;
+  }
+
+  .swiper {
+    width: 12.6rem;
+    height: 9.55rem;
+    margin: 1.25rem 0 0 4.1rem;
+    position: relative;
+    // top: 0.81rem;
+    // left: 50%;
+    // transform: translateX(-50%);
+    // overflow: hidden;
+    overflow-y: hidden;
+
+    .swiper-wrapper {
+      width: 10.8rem;
+      height: 100%;
+
+      .swiper-slide {
+        // width: 100%;
+        // height: 100%;
+
+        img {
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: 50%;
+          transform: translateX(-50%);
+        }
+      }
+
+
+      /*先去掉前进后退按钮默认样式*/
+      --swiper-navigation-size:0;
+
+    }
+
+
+    .swiper-pagination {
+      width: 0.63rem;
+      height: 2.07rem;
+      background-color: rgba(0, 0, 0, 0.4);
+      border-radius: 0.4rem;
+      position: absolute;
+      top: 3.5rem;
+      right: 0rem;
+
+      .swiper-pagination-bullet {
+        width: 0.22rem !important;
+        height: 0.22rem !important;
+        background: none !important;
+        background-image: url(../images/li.png) !important;
+        background-size: 100% 100% !important;
+        opacity: 1 !important;
+        margin: 0.35rem auto;
+      }
+
+      .swiper-pagination-bullet-active {
+        // width: 30px !important;
+        // height: 30px !important;
+        background: none !important;
+        background-image: url(../images/li_active.png) !important;
+        background-size: 100% 100% !important;
+        opacity: 1 !important;
+      }
+    }
+
+  }
+}
+
+.eori {
+  // height: 1.2rem;
+  width: 100%;
+  background: #30312C;
+  color: rgb(255, 255, 255);
+  padding: 0.2rem 0;
+  vertical-align: top;
+
+  .recordfoot {
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 0.1rem;
+
+    .record {
+      display: inline-block;
+      padding-right: px2rem(4);
+      height: 0.16rem;
+      width: 0.15rem;
+      // background: url(../images/icon_police.png) no-repeat;
+    }
+
+    a {
+      font-size: 0.2rem;
+      color: #fff;
+    }
+  }
+
+  .gongsi {
+    display: flex;
+    justify-content: center;
+    text-align: center;
+
+    p {
+      font-size: 0.2rem;
+
+      &:nth-child(2) {
+        margin: 0 0.2rem;
+      }
+    }
+  }
+
+}
+
+.service {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  right: 0;
+  background: rgba(0, 0, 0, .8);
+  z-index: 9999;
+  display: none;
+
+  .service_in {
+    width: 8.23rem;
+    height: 4.9rem;
+    background: #FFFFFF;
+    border-radius: 0.5rem;
+    position: relative;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    overflow: hidden;
+
+    .close {
+      width: 0.5rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.35rem;
+      right: 0.4rem;
+    }
+
+    .title {
+      width: 100%;
+      font-size: 0.48rem;
+      color: #2D2727;
+      font-weight: 600;
+      text-align: center;
+      margin: 0.35rem 0;
+    }
+
+    .subhead {
+      width: 100%;
+      font-size: 0.24rem;
+      color: #2D2727;
+      font-weight: 600;
+      text-align: center;
+      margin-bottom: 0.5rem;
+    }
+
+    .con {
+      width: 100%;
+      height: 2.6rem;
+      display: flex;
+      justify-content: space-evenly;
+      align-items: center;
+
+      div {
+        flex: 1;
+        font-size: 0.2rem;
+        text-align: center;
+      }
+
+      .left {
+        border-right: 1px solid #F0F0F0;
+
+        p {
+          e {
+            display: inline-block;
+            width: 0.25rem;
+            height: 0.25rem;
+            line-height: 0.25rem;
+            text-align: center;
+            border-radius: 50%;
+            background-color: #ffe710;
+          }
+        }
+
+        img {
+          width: 3rem;
+          height: 1.7rem;
+          margin-top: 0.38rem;
+        }
+      }
+
+      .right {
+        p {
+          e {
+            display: inline-block;
+            width: 0.25rem;
+            height: 0.25rem;
+            line-height: 0.25rem;
+            text-align: center;
+            border-radius: 50%;
+            background-color: #ffe710;
+          }
+        }
+
+        img {
+          width: 1.68rem;
+          height: 1.68rem;
+          margin-top: 0.38rem;
+        }
+      }
+    }
+  }
+}
+
+// 移动端
+// @media screen and (max-width:768px) {
+
+//   .pc-bg {
+//     display: none;
+//   }
+
+//   .m-bg {
+//     display: block;
+//   }
+
+//   .homeM {
+//     width: 100%;
+//     height: 14.3rem;
+//     background: url(../images/homeM.png) no-repeat;
+//     background-size: 100% 100%;
+//     position: relative;
+
+//     .logo {
+//       height: 0.5rem;
+//       padding: 0.1rem 0 0 0.34rem;
+//       display: flex;
+//       align-items: center;
+
+//       img {
+//         width: 0.5rem;
+//         height: 0.5rem;
+//         margin-right: 0.08rem;
+//       }
+
+//       p {
+//         font-size: 0.26rem;
+//         font-weight: 600;
+//       }
+//     }
+
+//     .charge {
+//       width: 0.6rem;
+//       height: 0.4rem;
+//       line-height: 0.4rem;
+//       text-align: center;
+//       border-radius: 0.1rem;
+//       font-size: 0.26rem;
+//       font-weight: 600;
+//       position: absolute;
+//       right: 0.34rem;
+//       top: 0.2rem;
+//       background-color: rgba(0, 0, 0, 0.2);
+//     }
+
+//     .download {
+//       width: 100%;
+//       height: 0.84rem;
+//       display: flex;
+//       justify-content: space-evenly;
+//       position: absolute;
+//       left: 0;
+//       bottom: 0.8rem;
+
+//       .iphone,
+//       .android {
+//         width: 2.78rem;
+//         height: 0.84rem;
+//       }
+//     }
+
+//     .swiper2 {
+//       width: 100%;
+//       height: 7.76rem;
+//       position: absolute;
+//       top: 4.5rem;
+//       overflow-x: hidden;
+
+//       .swiper-wrapper {
+//         width: 100%;
+//         height: 8rem;
+
+//         .swiper-slide {
+//           img {
+//             width: 100%;
+//             height: 100%;
+//           }
+//         }
+//       }
+
+//       .swiper-pagination {
+//         // width: 20%;
+//         // height: 50%;
+//         // transform: rotate(90deg);
+//         position: absolute;
+//         top: 6.8rem;
+//         left: 0;
+
+//         .swiper-pagination-bullet {
+//           width: 0.25rem !important;
+//           height: 0.25rem !important;
+//           background: none !important;
+//           background-image: url(../images/li.png) !important;
+//           background-size: 100% 100% !important;
+//           opacity: 1 !important;
+//           margin-right: 0.3rem;
+//         }
+
+//         .swiper-pagination-bullet-active {
+//           // width: 30px !important;
+//           // height: 30px !important;
+//           background: none !important;
+//           background-image: url(../images/li_active.png) !important;
+//           background-size: 100% 100% !important;
+//           opacity: 1 !important;
+//         }
+//       }
+//     }
+
+//   }
+
+//   .eori {
+//     // height: 1.2rem;
+//     width: 100%;
+//     background: #30312C;
+//     color: rgb(255, 255, 255);
+//     padding: 0.2rem 0;
+
+//     .recordfoot {
+//       color: #fff;
+//       display: flex;
+//       justify-content: center;
+//       align-items: center;
+
+//       .record {
+//         display: inline-block;
+//         padding-right: px2rem(4);
+//         height: 0.3rem;
+//         width: 0.3rem;
+//         background: url(../images/icon_police.png) no-repeat;
+//       }
+//     }
+
+//     .gongsi {
+//       display: block;
+//       text-align: center;
+
+//       p {
+//         line-height: 1.3;
+//         font-size: 0.2rem;
+
+//         &:nth-child(2) {
+//           margin: 0;
+//         }
+//       }
+//     }
+
+//     // div {
+//     //   // height: 30px;
+//     //   width: 100%;
+//     //   text-align: center;
+//     //   // line-height: 30px;
+//     //   font-size: 14px;
+//     // }
+
+//     .tit {
+//       height: px2rem(120);
+//       line-height: px2rem(120);
+//       text-align: center;
+//       font-size: 20px;
+//     }
+
+//   }
+
+// }
+
+
+.toast {
+  background: rgba(0, 0, 0, 0.9);
+  border-radius: 10px;
+  width: 100px;
+  font-size: 16px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: #fff;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  display: none;
+  z-index: 9;
+}
+
+.tips {
+  display: none;
+  position: fixed;
+  top: 0;
+  right: px2rem(20);
+  width: px2rem(460);
+  z-index: 9;
+}

view/peko/homeCheck/css/reset.css

@@ -0,0 +1,144 @@
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font-weight: normal;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+blockquote, q {
+    quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/* custom */
+a {
+    color: #7e8c8d;
+    text-decoration: none;
+    -webkit-backface-visibility: hidden;
+}
+
+li {
+    list-style: none;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: rgba(0, 0, 0, 0.2);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+    height: 5px;
+    background-color: rgba(125, 125, 125, 0.7);
+    -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    width: 5px;
+    background-color: rgba(125, 125, 125, 0.7);
+    -webkit-border-radius: 6px;
+}
+
+html, body {
+    width: 100%;
+}
+
+body {
+    -webkit-text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+img{
+  width: 100%;
+  vertical-align: top;
+}
+.mask,.share-mask {
+  position: fixed;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  display: flex;
+  height: 60px;
+  align-items: center;
+  background: rgba(0, 0, 0, 0.5);
+  justify-content: space-between;
+  padding: 0 8px;
+  box-sizing: border-box;
+  color:#fff;
+  display: none; }
+
+.mask .logo {
+  width: 40px;
+}
+
+.mask .slogan {
+  color: #fff;
+  margin: 0 8px;
+}
+
+#download {
+  border: 1px solid #fff;
+  color: #fff;
+  width: 80px;
+  text-align: center;
+  border-radius: 15px;
+  line-height: 30px; }
+
+#download a{
+  color: #fff; }
+
+.share-mask{
+  padding: 0 16px;
+}
+.share-mask .shareBtn{
+  border-radius: 6px;
+  background: linear-gradient(to right,#fe95c0,#ff83b5);
+  height: 30px;
+  line-height: 30px;
+  width: 80px;
+  text-align: center;
+}
+.singleTemplate{
+  display: none;
+}

view/peko/homeCheck/index.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
+  <meta name="keywords" content="" />
+  <meta name="description" content="" />
+
+  <meta http-equiv="Cache-Control" content="no-siteapp" />
+  <meta name="renderer" content="webkit">
+  <meta name="format-detection" content="telphone=no, email=no" />
+  <meta name="HandheldFriendly" content="true">
+  <meta name="MobileOptimized" content="375">
+
+  <meta name="screen-orientation" content="portrait">
+  <meta name="x5-orientation" content="portrait">
+  <meta name="full-screen" content="yes">
+  <meta name="x5-fullscreen" content="true">
+  <meta name="browsermode" content="application">
+  <meta name="x5-page-mode" content="app">
+  <meta name="msapplication-tap-highlight" content="no">
+  <meta name="apple-mobile-web-app-capable" content="no" />
+  <meta name="format-detection" content="telephone=no">
+  <title>peko</title>
+
+  <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
+  <link rel="stylesheet" href="./css/reset.css">
+  <link rel="stylesheet" href="./css/index.css">
+  <!-- <link rel="stylesheet" href="./home/css/index.css"> -->
+  <link rel="stylesheet" href="./css/swiper.min.css">
+  <!-- <script src="./js/flexible.js"></script> -->
+</head>
+
+<body>
+  <div class="container">
+    <div class="pc-bg">
+      <!-- <img src="./images/homePc.png" alt=""> -->
+      <div class="homePc">
+        <div class="logo">
+          <img src="./images/title.png" alt="">
+        </div>
+        <!-- <div class="name">音萌</div> -->
+        <!-- <div class="charge">官方充值</div> -->
+        <!-- <p>|</p> -->
+        <a href="./support.html" class="zhichi">技术支持>></a>
+
+        <!-- 轮播 -->
+        <div class="swiper-container swiper">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <img src="./images/pic1.png" alt="">
+            </div>
+            <div class="swiper-slide">
+              <img src="./images/pic2.png" alt="">
+            </div>
+            <div class="swiper-slide">
+              <img src="./images/pic3.png" alt="">
+            </div>
+          </div>
+          <div class="swiper-pagination"></div>
+          <!-- 如果需要导航按钮 -->
+          <!-- <div class="swiper-button-prev">
+            <img src="./images/btn_left.png" alt="">
+          </div>
+          <div class="swiper-button-next">
+            <img src="./images/btn_right.png" alt="">
+          </div> -->
+        </div>
+
+
+      </div>
+    </div>
+    <!-- <div class="m-bg">
+      <div class="homeM">
+        <div class="logo">
+          <img src="./images/logo.png" alt="">
+          <p>音萌</p>
+        </div>
+        <div class="swiper-container swiper2">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <img src="./images/mpic1.png" alt="">
+            </div>
+            <div class="swiper-slide">
+              <img src="./images/mpic2.png" alt="">
+            </div>
+          </div>
+          <div class="swiper-pagination swp"></div>
+        </div>
+
+        <div class="download">
+          <img src="./images/ios.png" class="iphone" alt="">
+          <img src="./images/android.png" class="android" alt="">
+        </div>
+
+      </div>
+    </div> -->
+
+    <!-- <div class="eori">
+      <div class="recordfoot">
+        <i class="record"></i>
+        <a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a>
+      </div>
+      <div class="gongsi">
+        <p>Hong Kong Li Zhi Technology Co., Limited</p>
+        <p>香港荔枝科技有限公司</p>
+        <p>CR No:3040005</p>
+        <p>地址：ROOM1803,18/F,TOWERONE,CHINAHONGKONGCIT</p>
+      </div>
+    </div> -->
+
+    <!-- 联系客服弹窗 -->
+    <div class="service">
+      <div class="service_in">
+        <img src="./images/close.png" class="close" alt="">
+        <div class="title">客服服务</div>
+        <div class="subhead">为能提供更好的服务，您可以通过一下方式联系我们</div>
+        <div class="con">
+          <div class="left">
+            <p>
+              <e>1</e>个人中心-联系客服
+            </p>
+            <img src="./images/kefu1.png" alt="">
+          </div>
+          <div class="right">
+            <p>
+              <e>2</e>扫码添加官方微信咨询
+            </p>
+            <img src="./images/kefu2.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="toast">敬请期待</div>
+  <div class="tips">
+    <img src="./images/tips.png" alt="">
+  </div>
+  <script src="./js/jquery.min.js"></script>
+  <script src="./js/common.js"></script>
+  <script src="./js/jquery.qrcode.js"></script>
+  <script src="http://static.lkme.cc/linkedme.min.js"></script>
+  <script src="./js/utf.js"></script>
+  <script src="./js/swiper.min.js"></script>
+  <script src="./js/index.js?v=2.2"></script>
+</body>
+
+</html>