新增金币账单

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

@@ -241,7 +241,7 @@
             </ul>
             <img src="./images/btn_sure.png" class="sure" alt="">
             <div class="tips">奖励将自动发放到装扮中心，快去展示自己吧~</div>
-            <!-- <div class="tips">*情人节限定5位靓号:52XXX（XXX为随机数字，一组为2个靓号，<br>联系客服领取：LINE: pekoyuyin)</div> -->
+            <!-- <div class="tips">*情人节限定5位靓号:52XXX（XXX为随机数字，一组为2个靓号，<br>联系客服领取：LINE: pikoyuyin)</div> -->
         </div>
     </div>
     <!-- 我的cp弹窗 -->

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

@@ -370,7 +370,7 @@ function buy(id, num, type) {
                         $('.petition-wrap .myticket span e').html(res.data.remain)
                         $('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
                         $('.gx .gx_in .box li span').html( res.data.prop.name)
-                        $('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX（XXX為隨機數字，一組為2個靚號，<br>聯系客服領取：LINE: pekoyuyin)`)
+                        $('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX（XXX為隨機數字，一組為2個靚號，<br>聯系客服領取：LINE: pikoyuyin)`)
                         $('.gx').show()
 
                     } else {

view/peko/activity/act-celebration/wish.html

@@ -76,7 +76,7 @@
         <div class="tab2_contain">
             <div class="rule_wrap">
                 <p class="rule_item">
-                    活动期间，每日登录pekoApp即可免费获赠一个魔法棒（每台设备每日限一次）
+                    活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
                 </p>
             </div>
             <div class="panel_wrap">

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

@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
                 $('.page3 .myList img').attr('src', res.data.userRank.avatar);
                 $('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
                 $('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
-                $('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
+                $('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
                 hideLoading(layerIndex)
                 // 处理前三
                 if (top3.length < 3) {
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
                 top3.forEach((res, index) => {
                     $(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
                     $(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
-                    $(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
+                    $(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
                 })
                 // 非前三
                 var str = '';
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
                             <div class="num">NO.${index + 4}</div>
                             <img src="${res.avatar}" alt="">
                             <div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
-                            <div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
+                            <div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
                         </li>`
                 })
                 $('.page3 .list .notTop').append(str);

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

@@ -45,7 +45,7 @@
             <p>剩余7天</p>
             <div class="nameplate">
               <img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
-              <span>peko看看</span>
+              <span>piko看看</span>
             </div>
             <div class="delay-btn">
               <img src="./images/delay-btn.png" alt="">

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%;

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;

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

@@ -11,6 +11,8 @@
 </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">
@@ -267,7 +269,7 @@
                     <div class="qtsm">
                         <p class="title">其他說明</p>
                         如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
-                        <p>本活動與蘋果公司無關</p>
+                        <p>本活動以及活動獎勵與Google/蘋果公司無關</p>
                     </div>
                 </main>
             </div>

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

@@ -704,9 +704,9 @@ const sendUserDrawInfo = (itemId, num, tais) => {
             if (res.code === 200) {
                 tais.data('total-num').number = parseInt(tais.data('total-num').number) + fragmentNum
                 tais
-                .stop(true, true)
-                .animate({ scale: 1.1, }, 50)//skew(10deg, 10deg)
-                .animate({ scale: 1, }, 50)//skew(10deg, 10deg) rotate: 0,
+                    .stop(true, true)
+                    .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)
@@ -1082,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內打開')
@@ -1174,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內打開')

view/peko/activity/annualCelebration/wish.html

@@ -76,7 +76,7 @@
         <div class="tab2_contain">
             <div class="rule_wrap">
                 <p class="rule_item">
-                    活动期间，每日登录pekoApp即可免费获赠一个魔法棒（每台设备每日限一次）
+                    活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
                 </p>
             </div>
             <div class="panel_wrap">

view/peko/activity/channel-new/index.html

@@ -6,7 +6,7 @@
   <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" />
-  <title>peko</title>
+  <title>piko</title>
 
   <link rel="stylesheet" href="./css/reset.css">
   <link rel="stylesheet" href="./css/index.css">
@@ -22,7 +22,7 @@
     <div class="button2-wrapper download">
     </div>
     <div class="eori">
-      <div class="weixin-name">peko客服微信：pekokefu01</div>
+      <div class="weixin-name">piko客服微信：pikokefu01</div>
       <p>粤网文:(2018)8220-2981号</p>
       <p class="recordfoot">
         <i class="record"></i>

view/peko/activity/channel/index.html

@@ -25,7 +25,7 @@
   <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>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">
@@ -47,7 +47,7 @@
       <!--<a href="javascript:void(0)" class="jumpUrl"><img src="./home/images/pc/iosBtn.png" alt=""></a>-->
     </div>
     <div class="eori">
-      <div class="weixin-name">peko客服微信：pekokefu01</div>
+      <div class="weixin-name">piko客服微信：pikokefu01</div>
       <p>粤网文:(2018)8220-2981号</p>
       <p class="recordfoot">
         <i class="record"></i>

view/peko/activity/explore_abandon/index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport"
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <title>探索peko</title>
+  <title>探索piko</title>
 
   <!-- <%- include('../html_tpl/style.html') %> -->
   <link rel="stylesheet" href="./css/index.css">

view/peko/activity/first_anniversary/js/time_cinema.js

@@ -36,7 +36,7 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '我的peko一周年报告',
+        title: '我的piko一周年报告',
         imgUrl: 'https://beta.api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
         desc: '我的专属称号竟然是这样的！快来试试你的~',
     }

view/peko/activity/first_anniversary/time_cinema.html

@@ -19,7 +19,7 @@
                 <h3>嗨，鹅宝</h3>
                 <p class="p1">还记得<span><b></b><b></b><b></b></span></p>
                 <p>我们第一次相遇</p>
-                <p>截止目前peko已陪伴你<span class="sp1"></span>天~</p>
+                <p>截止目前piko已陪伴你<span class="sp1"></span>天~</p>
             </div>
             <div class="touchBox">
                 <img src="./images/time_cinema/touch.png" alt="">
@@ -29,7 +29,7 @@
         <div class="bg bg2">
             <div class="text">
                 <h3>过去的一年</h3>
-                <p>你有<span class="sp1">2222222</span>天都在peko里畅游</p>
+                <p>你有<span class="sp1">2222222</span>天都在piko里畅游</p>
                 <p>累计登入<span class="sp2">22222222</span>次</p>
                 <p>你一共探索了<span class="sp3">2222</span>个房间</p>
                 <p>其中<span class="sp4">ID:5200</span>的房间陪伴你最久</p>
@@ -79,7 +79,7 @@
         <div class="bg bg5">
             <div class="text">
                 <p>无论未来如何</p>
-                <p>希望peko还能陪伴你度过岁岁年年~</p>
+                <p>希望piko还能陪伴你度过岁岁年年~</p>
                 <p>在此授予你:</p>
                 <h3><span>XXXX</span>称号</h3>
             </div>

view/peko/activity/goHouseRewards/index.html

@@ -13,7 +13,7 @@
     <div class="content"></div>
     <div class="activityReward"></div>
     <div class="but"></div>
-    <div class="text">该活动最终解释权归peko平台所有</div>
+    <div class="text">该活动最终解释权归piko平台所有</div>
     <script src="../../common/js/flexible.js"></script>
     <script src="../../common/js/jquery-3.2.1.min.js"></script>
     <script src="../../common/js/common2.js"></script>

view/peko/activity/goHouseRewards/qiwang.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>peko棋王杯</title>
+    <title>piko棋王杯</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/qiwang.css">
 </head>

view/peko/activity/goHouseRewards/qixi.html

@@ -13,7 +13,7 @@
     <div class="content"></div>
     <div class="activityReward"></div>
     <div class="but"></div>
-    <div class="text">该活动最终解释权归peko平台所有</div>
+    <div class="text">该活动最终解释权归piko平台所有</div>
     <script src="../../common/js/flexible.js"></script>
     <script src="../../common/js/jquery-3.2.1.min.js"></script>
     <script src="../../common/js/common2.js"></script>

view/peko/activity/goodLuckCard/index.html

@@ -126,7 +126,7 @@
             <li><span>1</span>集齐所有福卡即可获得瓜分奖池的机会，瓜分金额随机，集齐次数越多，瓜分次数越多，瓜分奖励统一一次发放至账户</li>
             <li><span>2</span>瓜分奖励时间：<p class="tip">2月12日0点至2月15日0点</p></li>
             <li><span>3</span>获得敬业福需找客服报备赠送对应的装扮，赠送次数不叠加，每人仅限报备一次装扮</li>
-            <li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pekokefu01）</p>进行咨询</li>
+            <li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pikokefu01）</p>进行咨询</li>
         </ul>
     </div>
     <!-- 尾部图片 -->

view/peko/activity/invitation/js/index.js

@@ -32,7 +32,7 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '上peko，开黑交友玩游戏',
+        title: '上piko，开黑交友玩游戏',
         imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
         desc: '邀请好友得金铲铲豪华大礼，快来加入吧！',
     }
@@ -48,8 +48,8 @@ const getInviteList = () => {
             if(res.code === 200){
                 userInfo = res.data.inviteUser
 
-                if(pubInfo.deviceInfo.app == 'pekoEnterprise'){
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise'
+                if(pubInfo.deviceInfo.app == 'pikoEnterprise'){
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise'
                 }else{
                     shareObj.data.link = shareObj.data.showUrl = `${urlPrefix}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid
                 }

view/peko/activity/lol-drainage/index.html

@@ -30,7 +30,7 @@
     </div>
     <!-- 我的豆子 -->
     <div class="w_myBeans">
-        <p>每成功邀请一位新人好友，即可获得200金豆好友下载peko并登录，金豆即刻到账</p>
+        <p>每成功邀请一位新人好友，即可获得200金豆好友下载piko并登录，金豆即刻到账</p>
         <span>我的金豆：<b></b> <i>刷新 <img src="./images/refresh.png" alt=""></i></span>
     </div>
     <!-- tab 切换 -->
@@ -96,7 +96,7 @@
         <div class="z_user_info">
             <img src="" alt="" class="z_user_avatar">
             <p>
-                <span class="z_user_nick">peko</span>  
+                <span class="z_user_nick">piko</span>  
                 <span class="z_user_erban">ID：666666</span>  
             </p>
             <span class="z_user_bonus">总获得：<span>0</span>金豆</span>
@@ -108,7 +108,7 @@
         <div class="z_content">
             <p class="z_title">兑换成功</p>
             <img src="./images/350.png" alt="" class="z_award_pic">
-            <p class="z_award_name">peko新用户游戏激励金3.8元</p>
+            <p class="z_award_name">piko新用户游戏激励金3.8元</p>
             <p class="z_award_get_way">已放入我的装扮</p>
             <img src="./images/know-btn.png" alt="" class="z_know">
         </div>

view/peko/activity/lol-drainage/js/index.js

@@ -7,7 +7,7 @@ let w_link;
 let share = {
     title: '英雄联盟手游皮肤免费送！！',
     // link: link,
-    desc: '来peko，更有丰厚游戏激励金等你来~',
+    desc: '来piko，更有丰厚游戏激励金等你来~',
     imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png'
 }
 let shareObj = {
@@ -141,13 +141,13 @@ const awardObj = [
         pic: './images/nameplate.png'
     },
     {
-        name: 'peko新用户游戏激励金3.8元',
-        desc: 'peko新用户游戏<br>激励金3.8元',
+        name: 'piko新用户游戏激励金3.8元',
+        desc: 'piko新用户游戏<br>激励金3.8元',
         pic: './images/cash.png'
     },
     {
-        name: 'peko新用户游戏激励金5.8元',
-        desc: 'peko新用户游戏<br>激励金5.8元',
+        name: 'piko新用户游戏激励金5.8元',
+        desc: 'piko新用户游戏<br>激励金5.8元',
         pic: './images/cash.png'
     },
     {

view/peko/activity/planet/index.html

@@ -10,7 +10,7 @@
 </head>
 <body>
     <div class="lead">
-        <p>peko的小可爱们~</p>
+        <p>piko的小可爱们~</p>
         <p>快来踏上星际探索的旅途吧</p>
         <p>送出小星球可探索到各个星球的物资</p>
         <p>最高可探索到7777鉆的礼物哦~</p>

view/peko/activity/popular-anchor-plan/index.html

@@ -204,7 +204,7 @@
                     <div class="explain">
                         1.若出现挂机三次及以上，则取消参与活动资格。</br> 
                         2.奖励将于三个工作日内发放。 </br>
-                        3.活动最终解释权归peko所有。 
+                        3.活动最终解释权归piko所有。 
                     </div>
                     <div class="code">
                         <img src="./images/wx_code.jpg" alt="">

view/peko/activity/recruit/index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport"
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <title>peko公会招募令</title>
+  <title>piko公会招募令</title>
   <style>
     img {
       width: 100%;

view/peko/activity/recruit/js/index.js

@@ -5,11 +5,11 @@ var info = {};
 var betaUrl = 'https://beta.api.pekolive.com/peko/activity/recruit/index.html';
 var realUrl = tranUrl + '/peko/activity/recruit/index.html';
 var share = {
-  title: 'peko公会招募令',
+  title: 'piko公会招募令',
   link: tranUrl + '/peko/activity/recruit/index.html',
   // imgUrl: 'https://img.letusmix.com/new_logo.png',
   imgUrl: 'https://api.pekolive.com/peko/modules/wxPubPay/images/logo.png',
-  desc: 'peko公会招募令',// 分享描述
+  desc: 'piko公会招募令',// 分享描述
 };
 if (EnvCheck() == 'test') {
   var vConsole = new VConsole();

view/peko/activity/ticketsPackage/index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>peko</title>
+    <title>piko</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css?v=2.0">
 </head>
@@ -21,7 +21,7 @@
             <p class="ticket-left-num">当前剩余：<span>0</span>张</p>
         </div>
         <div class="form-wrap">
-            <input type="text" placeholder="输入注册peko的手机号" class="mobile-number" maxlength="11" id="mobile-number">
+            <input type="text" placeholder="输入注册piko的手机号" class="mobile-number" maxlength="11" id="mobile-number">
             <div class="verify-wrap">
                 <input type="text" placeholder="输入验证码" class="verify-ipt" id="verify-ipt">
                 <p class="verify-btn">获取验证码</p>
@@ -38,7 +38,7 @@
         <p class="huode">获得</p>
         <img alt="">
         <p class="ticket-name"></p>
-        <p class="tip1">快去peko参赛赢赏金吧~</p>
+        <p class="tip1">快去piko参赛赢赏金吧~</p>
         <a class="success-btn">去参赛>></a>
     </div>
 
@@ -51,7 +51,7 @@
 
     <div class="bottom">
         <img src="./images/logo.png" alt="">
-        <p>来peko打游戏，争夺更多赏金！</p>
+        <p>来piko打游戏，争夺更多赏金！</p>
         <a class="download">下载APP</a>
     </div>
 

view/peko/activity/ticketsPackage/invalid.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>peko</title>
+    <title>piko</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/invalid.css">
 </head>

view/peko/activity/ticketsPackage/js/index.js

@@ -49,12 +49,12 @@ const getTicketDetail = () => {
                 if(browser.android){
                     options = {
                         scheme: {
-                            protocol: 'pekoapp',
+                            protocol: 'pikoapp',
                             host: 'linkedme'
                         },
                         intent: {
-                            package: 'com.mango.peko',
-                            scheme: 'pekoapp',
+                            package: 'com.mango.piko',
+                            scheme: 'pikoapp',
                         },
                         universal: {
                             host: 'api.zhongjialx.com',
@@ -118,7 +118,7 @@ const getCode = (mobile) => {
     showLoading()
     $.ajax({
         type: 'POST',
-        url: urlPrefix + '/sms/getCode?app=peko',
+        url: urlPrefix + '/sms/getCode?app=piko',
         data: {
             mobile,
             type: 1
@@ -181,8 +181,8 @@ const drawTicket = (params) => {
                 $('.index-wrap').hide()
                 $('.success-wrap').show()
             } else if (res.code === 230003) {
-                $('.shade-content .title').html('该手机号未注册pekoApp<br>无法领取门票')
-                $('.shade-content .content-tip').html('请先前往pekoApp完成注册再来领取哦~')
+                $('.shade-content .title').html('该手机号未注册pikoApp<br>无法领取门票')
+                $('.shade-content .content-tip').html('请先前往pikoApp完成注册再来领取哦~')
                 $('.shade-content .content-btn').html('去APP内注册>>')
                 $('.shade-mask').show()
             } else if (res.code === 230004) {

view/peko/common/js/common.js

@@ -124,7 +124,7 @@ function checkVersion() {
         webApp: u.indexOf('Safari') > -1, //是否web应该程序，没有头部与底部
         weixin: u.indexOf('MicroMessenger') > -1, //是否微信
         qq: u.match(/\sQQ/i) == " qq", //是否QQ
-        pekoApp: u.match('pekoApp'),
+        pikoApp: u.match('pikoApp'),
         app: u.match('tutuApp') //是否在app内
     };
 }

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 = "0";
-        // 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: 'piko',
+    // app: pubInfo.deviceInfo.app.indexOf('piko') != -1 ? 'piko' : '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-yinyou/index.html

@@ -25,7 +25,7 @@
     <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>
+    <title>piko</title>
 
     <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
     <link rel="stylesheet" href="./css/reset.css">

view/peko/home-yinyou/js/index.js

@@ -5,18 +5,18 @@ let urlData = getQueryString()
 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',
+  'piko0': 'https://image.lecheng163.com/piko_piko0.apk',
+  'piko1': 'https://image.lecheng163.com/piko_piko1.apk',
+  'piko2': 'https://image.lecheng163.com/piko_piko2.apk',
+  'piko3': 'https://image.lecheng163.com/piko_piko3.apk',
+  'piko4': 'https://image.lecheng163.com/piko_piko4.apk',
+  'piko5': 'https://image.lecheng163.com/piko_piko5.apk',
+  'piko6': 'https://image.lecheng163.com/piko_piko6.apk',
+  'piko7': 'https://image.lecheng163.com/piko_piko7.apk',
+  'piko8': 'https://image.lecheng163.com/piko_piko8.apk',
+  'piko9': 'https://image.lecheng163.com/piko_piko9.apk',
+  'piko10': 'https://image.lecheng163.com/piko_piko10.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/piko_gongzhonghao.apk',
   'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
   
   // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -25,7 +25,7 @@ $(function () {
   let version = checkVersion()
   //判断url参数是否是与渠道包名一致
   let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/peko_official.apk';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://image.lecheng163.com/piko_official.apk';
   let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
 //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
   

view/peko/home-yinyou/support.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/home/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8">
+  <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" />
@@ -25,7 +25,7 @@
   <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>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">

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'
+    'poke0': 'https://image.lecheng163.com/poke_poke0.apk',
+    'poke1': 'https://image.lecheng163.com/poke_poke1.apk',
+    'poke2': 'https://image.lecheng163.com/poke_poke2.apk',
+    'poke3': 'https://image.lecheng163.com/poke_poke3.apk',
+    'poke4': 'https://image.lecheng163.com/poke_poke4.apk',
+    'poke5': 'https://image.lecheng163.com/poke_poke5.apk',
+    'poke6': 'https://image.lecheng163.com/poke_poke6.apk',
+    'poke7': 'https://image.lecheng163.com/poke_poke7.apk',
+    'poke8': 'https://image.lecheng163.com/poke_poke8.apk',
+    'poke9': 'https://image.lecheng163.com/poke_poke9.apk',
+    'poke10': 'https://image.lecheng163.com/poke_poke10.apk',
+    'gongzhonghao': 'https://image.lecheng163.com/poke_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/piko_official.apk'
+    })
 })

view/peko/home/support.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/homeCheck/index.html

@@ -25,7 +25,7 @@
   <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>
+  <title>piko</title>
 
   <!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
   <link rel="stylesheet" href="./css/reset.css">

view/peko/homeCheck/js/index.js

@@ -7,18 +7,18 @@ 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',
+  'piko0': 'https://image.lecheng163.com/piko_piko0.apk',
+  'piko1': 'https://image.lecheng163.com/piko_piko1.apk',
+  'piko2': 'https://image.lecheng163.com/piko_piko2.apk',
+  'piko3': 'https://image.lecheng163.com/piko_piko3.apk',
+  'piko4': 'https://image.lecheng163.com/piko_piko4.apk',
+  'piko5': 'https://image.lecheng163.com/piko_piko5.apk',
+  'piko6': 'https://image.lecheng163.com/piko_piko6.apk',
+  'piko7': 'https://image.lecheng163.com/piko_piko7.apk',
+  'piko8': 'https://image.lecheng163.com/piko_piko8.apk',
+  'piko9': 'https://image.lecheng163.com/piko_piko9.apk',
+  'piko10': 'https://image.lecheng163.com/piko_piko10.apk',
+  'gongzhonghao': 'https://image.lecheng163.com/piko_gongzhonghao.apk',
   'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
 
   // 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
@@ -53,7 +53,7 @@ $(function () {
 
   //判断url参数是否是与渠道包名一致
   let androidUrl = null;
-  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
+  channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.piko';
   let iosUrl = 'http://doudouyue.com/8axv'   //ios企业包
   //   let iosUrl = 'https://apps.apple.com/cn/app/id1571083482'   //ios商店包
 
@@ -117,7 +117,7 @@ $(function () {
   })
   // goglo跳转
   $('.googlePlay').click(function () {
-    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
+    window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.piko'
   })
   $('.appleStore').click(function () {
     // console.log(version, 'version');
@@ -128,6 +128,6 @@ $(function () {
     }
   })
   $('.apk').click(function () {
-    window.location.href = 'https://img.pekolive.com/peko_official.apk'
+    window.location.href = 'https://img.pekolive.com/piko_official.apk'
   })
 })

view/peko/homeCheck/support.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>peko技术服务支持</title>
+    <title>piko技术服务支持</title>
     <link rel="stylesheet" href="../../common/css/reset.css">
     <link rel="stylesheet" href="./css/index.css">
     <style>

view/peko/modules/act-treasureSnatching/rule.html

@@ -19,7 +19,7 @@
     <!-- tab切换 -->
     <div class="tab">
         <div class="active">玩法概率<span></span></div>
-        <div>玩法规则<span></span></div>
+        <div>玩法规则<span></span></div> 
     </div>
     <!-- 内容 -->
     <ul class="tab1">
@@ -27,10 +27,10 @@
             <div class="txBox">
                 <img src="" alt="">
             </div>
-            <div class="giftName">我又我又我又啊</div>
+            <div class="giftName"></div>
             <img src="" alt="" class="icon">
-            <div class="score">202.5W</div>
-            <div class="probability">0%</div>
+            <div class="score"></div>
+            <div class="probability"></div>
         </li>
     </ul>
     <div class="tab2">

view/peko/modules/associateAccount/js/index.js

@@ -5,7 +5,7 @@ if (env == 'test') {
     new VConsole();
 }
 
-let appName = 'peko'
+let appName = 'piko'
 
 // 封装layer消息提醒框
 let layerIndex
@@ -100,7 +100,7 @@ $(function () {
         if(browser.android){
             let channel = JSON.parse(pubInfo.deviceInfo).channel
             if(channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1){
-                appName = 'peko'
+                appName = 'piko'
             }
         }
     }

view/peko/modules/game/index.html

@@ -17,7 +17,7 @@
             <div class="avatar"><img src="../../common/images/logo.png" alt=""></div>
             <div class="personal-info">
                 <p class="nickname"></p>
-                <p class="platform-code"><span class="appName">peko</span>號：<span class="erbanNo"></span></p>
+                <p class="platform-code"><span class="appName">piko</span>號：<span class="erbanNo"></span></p>
                 <p class="invite-code">邀请码：<span></span></p>
             </div>
             <div class="qr">
@@ -28,7 +28,7 @@
     <div class="share-btn"></div>
     <div class="rule-wrap">
         <div>分享規則</div>
-        <p>1.分享後好友註冊並下載Peko，填寫您的邀請碼:</p>
+        <p>1.分享後好友註冊並下載piko，填寫您的邀請碼:</p>
         <p>2.同一臺手機設備註冊的用戶，視為同一用戶;</p>
         <p>3.每位新用戶僅能填寫一次邀請碼， 填寫後不可修改。</p>
     </div>

view/peko/modules/game/js/index.js

@@ -44,9 +44,9 @@ let shareObj = {
     type: 2,
     data: {
         msg: 'llllll',
-        title: '來peko，邂逅你的專屬聲音',
+        title: '來piko，邂逅你的專屬聲音',
         imgUrl: 'http://beta.img.pekolive.com/logo.png',
-        desc: '聽聲音玩遊戲交朋友，來peko~',
+        desc: '聽聲音玩遊戲交朋友，來piko~',
     }
 }
 
@@ -67,10 +67,10 @@ const getInviteList = () => {
                 renderUserInfo()
                 renderInviteList()
 
-                if(pubInfo.deviceInfo.app == 'pekoEnterprise'){
-                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise'
+                if(pubInfo.deviceInfo.app == 'pikoEnterprise'){
+                    shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise'
 
-                    $('.qr').qrcode(`${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pekoEnterprise')
+                    $('.qr').qrcode(`${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid + '&enterprise=pikoEnterprise')
                     $('canvas').addClass('active')
                 }else{
                     shareObj.data.link = shareObj.data.showUrl = `${urlPrefixNew}/peko/modules/game/register.html?inviteCode=` + res.data.inviteCode + '&shareUid=' + userInfo.uid
@@ -176,7 +176,7 @@ $(function(){
     setTimeout(function(){
         getInviteList()
         getRule()
-    }, 50)
+    }, 150)
 
     if (browser.app) {
         if (browser.android) {
@@ -184,7 +184,7 @@ $(function(){
             if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
                 $('.banner img').attr('src', './images/banner-yy.png')
                 $('.avatar img').attr('src', './images/logo-yy.png')
-                $('.appName').html('peko')
+                $('.appName').html('piko')
             }
         }
     }

view/peko/modules/game/js/register.js

@@ -72,7 +72,7 @@ $(function () {
     //         if (channel.indexOf('toutiao') != -1 || channel.indexOf('kuaishou') != -1) {
     //             $('.avatar img').attr('src', './images/logo-yy.png')
     //             $('.bottom img').attr('src', './images/logo-yy.png')
-    //             $('.appName').html('peko')
+    //             $('.appName').html('piko')
     //         }
     //     }
     // }

view/peko/modules/game/register.html

@@ -9,8 +9,8 @@
     <meta property="og:url" content="" />
       <meta property="fb:app_id" content="1266232494209868" />
       <meta property="og:type" content="website" />
-      <meta property="og:title" content="來peko，邂逅你的專屬聲音" />
-      <meta property="og:description" content="聽聲音玩遊戲交朋友，來peko" />
+      <meta property="og:title" content="來piko，邂逅你的專屬聲音" />
+      <meta property="og:description" content="聽聲音玩遊戲交朋友，來piko" />
       <!-- https://pic.lecheng163.com/ananLogo256.png -->
       <meta class="content_image" property="og:image" content="http://beta.img.pekolive.com/logo-512.png?from_wecom=1" />
       <meta property="og:image:width" content="256">
@@ -22,7 +22,7 @@
 
 <body>
     <div class="avatar"><img src="./images/logo.png" alt=""></div>
-    <p class="tip">邀你来<span class="appName">peko</span>一起聊天打游戏</p>
+    <p class="tip">邀你来<span class="appName">piko</span>一起聊天打游戏</p>
     <div class="form-wrap">
         <div class="verify-wrap">
             <input type="text" placeholder="邀请码：" class="verify-ipt" disabled>
@@ -35,7 +35,7 @@
 
     <div class="bottom">
         <img src="./images/logo.png" alt="">
-        <p>来<span class="appName">peko</span>，邂逅你的專屬聲音~</p>
+        <p>来<span class="appName">piko</span>，邂逅你的專屬聲音~</p>
         <a class="download" id="bomlinkdomload1">下载APP</a>
     </div>
 

view/peko/modules/h5Income/chainBank.html

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>賬戶資料</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/chainBank.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 標題 -->
+    <h3>中國大陸銀聯</h3>
+    <!-- 姓名身份證 -->
+    <div class="box1">
+        <div>
+            <span>真實姓名</span>
+            <input class="name" type="text" placeholder="例：張三">
+        </div>
+        <div>
+            <span>身份證號</span>
+            <input class="card" type="text" placeholder="請輸入正確的身份證號碼">
+        </div>
+    </div>
+    <!-- 銀行卡手機號等信息 -->
+    <div class="box2">
+        <div>
+            <span>銀行卡號</span>
+            <input class="bankCard" type="text" placeholder="請填寫銀行卡號">
+        </div>
+        <div>
+            <span>手機號碼</span>
+            <input class="phone" type="text" placeholder="請輸入手機號碼">
+        </div>
+        <div>
+            <span>支付寶號</span>
+            <input class="alipay" type="text" placeholder="請輸入支付寶賬號 ( 非必填 )">
+        </div>
+        <div>
+            <span>個人地址</span>
+            <input class="address" type="text" placeholder="請輸入身份證地址">
+        </div>
+    </div>
+    <!-- 上傳身份證 -->
+    <div class="box3">
+        <p>上傳身份證照片</p>
+        <div class="idBox">
+            <!-- 正面 -->
+            <div class="z">
+                <img src="./images/chainBank/documents_front.png" alt="" class="documents">
+                <img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
+                <span>請上傳正面照片</span>
+                <input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
+                    style="opacity: 0;">
+            </div>
+            <!-- 反面 -->
+            <div class="f">
+                <img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
+                <img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
+                <span>請上傳反面照片</span>
+                <input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
+                    style="opacity: 0;">
+            </div>
+        </div>
+    </div>
+    <!-- 綁定按鈕 -->
+    <div class="but">確認綁定</div>
+    <!-- 說明 -->
+    <div class="rule">
+        <p>註意：</p>
+        <p>1.該頁面適用於中國大陸地區的提領，非大陸地區請切換其他提領方式；</p>
+        <p>2.提領人必須年滿18周歲，提領資料請勿隨意填寫，需正確填寫以上資料；</p>
+        <p>3.銀行卡號、手機號、身份證號碼必須與提領實名一致，否則提領不能到賬；</p>
+        <p>4.請勿將賬號綁定他人的姓名，提領真實姓名綁定後不能修改，請謹慎操作；</p>
+        <p>5.實際提領收益按照轉賬時的匯率之後金額；</p>
+        <p>6.首次進行提領流程時，會需要上傳您的身份證相關信息；</p>
+        <p>7.如有疑問請聯繫Wechat:sd245376</p>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/qiniu.min.js"></script>
+<script src="./js/chainBank.js?v=1.0"></script>

view/peko/modules/h5Income/css/chainBank.css

@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 2.7733333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=chainBank.css.map */

view/peko/modules/h5Income/css/chainBank.scss

@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(208, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}

view/peko/modules/h5Income/css/exchangeGold.css

@@ -0,0 +1,164 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.box {
+  width: 9.1466666667rem;
+  height: 6.1333333333rem;
+  background: url(../images/exchangeGold/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0.9333333333rem auto 1.0666666667rem;
+  position: relative;
+}
+.box .golds {
+  position: absolute;
+  left: 0.4266666667rem;
+  top: 0.4266666667rem;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+}
+.box .diamonds {
+  position: absolute;
+  left: 0.4266666667rem;
+  top: 3.3066666667rem;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+}
+.box .num {
+  position: absolute;
+  right: 0.3733333333rem;
+  top: 1.28rem;
+  width: 7.1rem;
+  height: 1.3866666667rem;
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.3733333333rem;
+  text-align: right;
+  font-weight: bold;
+  color: #000;
+}
+.box .num::placeholder {
+  font-size: 0.4266666667rem;
+  color: #ADB9D9;
+  font-weight: bold;
+}
+.box .num2 {
+  position: absolute;
+  right: 0.3733333333rem;
+  top: 4.16rem;
+  width: 7.1rem;
+  height: 1.3866666667rem;
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.3733333333rem;
+  text-align: right;
+  font-weight: bold;
+  color: #000;
+}
+.box .num2::placeholder {
+  font-size: 0.4266666667rem;
+  color: #ADB9D9;
+  font-weight: bold;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.pub .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.pub .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.pub .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.pub .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.pub .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.pub .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+/*# sourceMappingURL=exchangeGold.css.map */

view/peko/modules/h5Income/css/exchangeGold.scss

@@ -0,0 +1,179 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.box {
+    width: px2rem(686, );
+    height: px2rem(460, );
+    background: url(../images/exchangeGold/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: px2rem(70, ) auto px2rem(80, );
+    position: relative;
+
+    .golds {
+        position: absolute;
+        left: px2rem(32, );
+        top: px2rem(32, );
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+    }
+
+    .diamonds {
+        position: absolute;
+        left: px2rem(32, );
+        top: px2rem(248, );
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+    }
+
+    .num {
+        position: absolute;
+        right: px2rem(28, );
+        top: px2rem(96, );
+        width: 7.1rem;
+        height: px2rem(104, );
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(28, );
+        text-align: right;
+        font-weight: bold;
+        color: #000;
+
+        &::placeholder {
+            font-size: px2rem(32, );
+            color: #ADB9D9;
+            font-weight: bold;
+        }
+    }
+
+    .num2 {
+        position: absolute;
+        right: px2rem(28, );
+        top: px2rem(312, );
+        width: 7.1rem;
+        height: px2rem(104, );
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(28, );
+        text-align: right;
+        font-weight: bold;
+        color: #000;
+
+        &::placeholder {
+            font-size: px2rem(32, );
+            color: #ADB9D9;
+            font-weight: bold;
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(32, );
+    margin: 0 auto 0;
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}

view/peko/modules/h5Income/css/index.css

@@ -0,0 +1,167 @@
+html,
+body {
+  width: 100%;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.myInfo {
+  width: 9.2rem;
+  height: 1.8133333333rem;
+  margin: 0.8rem auto 0.4266666667rem;
+}
+.myInfo img {
+  display: block;
+  width: 1.8133333333rem;
+  height: 1.8133333333rem;
+  border-radius: 50%;
+  float: left;
+}
+.myInfo div {
+  float: left;
+  margin-left: 0.2933333333rem;
+  overflow: hidden;
+}
+.myInfo div p {
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+  margin-bottom: 0.16rem;
+  margin-top: 0.4rem;
+  width: 6.5rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.myInfo div b {
+  color: #8A8CAB;
+  font-size: 0.32rem;
+}
+
+.diamond {
+  width: 9.2rem;
+  height: 3.84rem;
+  background: url(../images/index/diamondBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.diamond .diamondIcon {
+  width: 0.64rem;
+  height: 0.64rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4rem;
+}
+.diamond .moreD {
+  width: 0.32rem;
+  height: 0.32rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.56rem;
+}
+.diamond span {
+  font-size: 0.5333333333rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 1.28rem;
+  top: 0.48rem;
+}
+.diamond b {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  position: absolute;
+  right: 0.9066666667rem;
+  top: 0.5333333333rem;
+}
+.diamond p {
+  font-weight: bold;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  left: 0.5333333333rem;
+  top: 1.4666666667rem;
+  position: absolute;
+}
+
+.gold {
+  width: 9.2rem;
+  height: 3.84rem;
+  background: url(../images/index/goldBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.gold .goldIcon {
+  width: 0.64rem;
+  height: 0.64rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4rem;
+}
+.gold .moreG {
+  width: 0.32rem;
+  height: 0.32rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.56rem;
+}
+.gold span {
+  font-size: 0.5333333333rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 1.28rem;
+  top: 0.48rem;
+}
+.gold b {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  position: absolute;
+  right: 0.9066666667rem;
+  top: 0.5333333333rem;
+}
+.gold p {
+  font-weight: bold;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  left: 0.5333333333rem;
+  top: 1.4666666667rem;
+  position: absolute;
+}
+.gold .exchangeGold {
+  width: 3.8933333333rem;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  border-radius: 1.0666666667rem;
+  text-align: center;
+  color: #93570B;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  bottom: 0.48rem;
+  border: 0.0266666667rem solid #93570B;
+  box-sizing: border-box;
+}
+.gold .withdrawal {
+  width: 3.8933333333rem;
+  height: 1.0666666667rem;
+  line-height: 1.0666666667rem;
+  border-radius: 1.0666666667rem;
+  text-align: center;
+  color: #582815;
+  font-size: 0.4266666667rem;
+  position: absolute;
+  right: 0.5333333333rem;
+  bottom: 0.48rem;
+  background: #EDC36B;
+}
+
+/*# sourceMappingURL=index.css.map */

view/peko/modules/h5Income/css/index.scss

@@ -0,0 +1,186 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.myInfo {
+    width: px2rem(690, );
+    height: px2rem(136, );
+    margin: px2rem(60, ) auto px2rem(32, );
+
+    img {
+        display: block;
+        width: px2rem(136, );
+        height: px2rem(136, );
+        border-radius: 50%;
+        float: left;
+    }
+
+    div {
+        float: left;
+        margin-left: px2rem(22, );
+        overflow: hidden;
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            margin-bottom: px2rem(12, );
+            margin-top: px2rem(30, );
+            width: 6.5rem;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        b {
+            color: #8A8CAB;
+            font-size: px2rem(24, );
+        }
+    }
+}
+
+.diamond {
+    width: px2rem(690, );
+    height: px2rem(288, );
+    background: url(../images/index/diamondBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .diamondIcon {
+        width: px2rem(48, );
+        height: px2rem(48, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(30, );
+    }
+
+    .moreD {
+        width: px2rem(24, );
+        height: px2rem(24, );
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(42, );
+    }
+
+    span {
+        font-size: px2rem(40, );
+        font-weight: bold;
+        color: #1F1B4F;
+        position: absolute;
+        left: px2rem(96, );
+        top: px2rem(36, );
+    }
+
+    b {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        position: absolute;
+        right: px2rem(68, );
+        top: px2rem(40, );
+    }
+
+    p {
+        font-weight: bold;
+        color: #1F1B4F;
+        font-size: px2rem(36, );
+        left: px2rem(40, );
+        top: px2rem(110, );
+        position: absolute;
+    }
+}
+
+.gold {
+    width: px2rem(690, );
+    height: px2rem(288, );
+    background: url(../images/index/goldBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .goldIcon {
+        width: px2rem(48, );
+        height: px2rem(48, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(30, );
+    }
+
+    .moreG {
+        width: px2rem(24, );
+        height: px2rem(24, );
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(42, );
+    }
+
+    span {
+        font-size: px2rem(40, );
+        font-weight: bold;
+        color: #1F1B4F;
+        position: absolute;
+        left: px2rem(96, );
+        top: px2rem(36, );
+    }
+
+    b {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        position: absolute;
+        right: px2rem(68, );
+        top: px2rem(40, );
+    }
+
+    p {
+        font-weight: bold;
+        color: #1F1B4F;
+        font-size: px2rem(36, );
+        left: px2rem(40, );
+        top: px2rem(110, );
+        position: absolute;
+    }
+
+    .exchangeGold {
+        width: px2rem(292, );
+        height: px2rem(80, );
+        line-height: px2rem(80, );
+        border-radius: px2rem(80, );
+        text-align: center;
+        color: #93570B;
+        font-size: px2rem(32, );
+        position: absolute;
+        left: px2rem(40, );
+        bottom: px2rem(36, );
+        border: px2rem(2, ) solid #93570B;
+        box-sizing: border-box;
+    }
+
+    .withdrawal {
+        width: px2rem(292, );
+        height: px2rem(80, );
+        line-height: px2rem(80, );
+        border-radius: px2rem(80, );
+        text-align: center;
+        color: #582815;
+        font-size: px2rem(32, );
+        position: absolute;
+        right: px2rem(40, );
+        bottom: px2rem(36, );
+        background: #EDC36B;
+    }
+}

view/peko/modules/h5Income/css/login.css

@@ -0,0 +1,214 @@
+html,
+body {
+  width: 100%;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.6666666667rem;
+  display: none;
+}
+
+.header {
+  width: 100%;
+  height: 8.88rem;
+  background: url(../images/login/bg.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto -2rem;
+}
+.header .logo {
+  position: absolute;
+  width: 5.7066666667rem;
+  height: 5.7066666667rem;
+  left: 50%;
+  top: 2.4266666667rem;
+  transform: translateX(-50%);
+}
+
+.box {
+  width: 10rem;
+  height: 14.6133333333rem;
+  border-radius: 0.6666666667rem 0.6666666667rem 0px 0px;
+  margin: 0 auto;
+  position: relative;
+  z-index: 2;
+  background: #fff;
+  overflow: hidden;
+}
+.box input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.64rem;
+}
+.box input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+.box .idLogin .id {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 1.28rem auto 0.5333333333rem;
+  display: block;
+}
+.box .idLogin .password {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 0rem auto 1.0666666667rem;
+  display: block;
+}
+.box .phone {
+  display: none;
+}
+.box .phone .phoneNumberBox {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 1.28rem auto 0.5333333333rem;
+  box-sizing: border-box;
+  padding-left: 0.64rem;
+}
+.box .phone .phoneNumberBox .prefix {
+  float: left;
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+  height: 100%;
+  line-height: 1.3866666667rem;
+}
+.box .phone .phoneNumberBox .prefix b {
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+  margin-right: 0.1066666667rem;
+}
+.box .phone .phoneNumberBox .prefix img {
+  display: inline-block;
+  width: 0.32rem;
+  height: 0.2133333333rem;
+  vertical-align: middle;
+}
+.box .phone .phoneNumberBox .phoneNumber {
+  float: right;
+  height: 100%;
+  padding: 0;
+  width: 5.5rem;
+}
+.box .phone .codeBox {
+  width: 8.08rem;
+  height: 1.3866666667rem;
+  background: #F3F5FA;
+  border-radius: 1.3866666667rem;
+  margin: 0rem auto 1.0666666667rem;
+}
+.box .phone .codeBox .code {
+  float: left;
+  width: 5rem;
+  height: 100%;
+}
+.box .phone .codeBox .codeBut {
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  border-radius: 1.0133333333rem;
+  width: 2.72rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
+  float: right;
+  margin-top: 0.1866666667rem;
+  margin-right: 0.2133333333rem;
+  background: #9168FA;
+}
+.box .phone .codeBox .codeButTime {
+  background: #DED1FD;
+}
+.box .but {
+  width: 8.08rem;
+  height: 1.28rem;
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.box .butok {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+.box .hone {
+  width: 8.08rem;
+  height: 1.28rem;
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #9168FA;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
+  border: 1px solid #D480FF;
+}
+
+.area {
+  position: fixed;
+  z-index: 99;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.area .box {
+  width: 100%;
+  height: 8.88rem;
+  border-radius: 0.7466666667rem 0.7466666667rem 0 0;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.area .box p {
+  width: 100%;
+  text-align: center;
+  height: 1.8133333333rem;
+  line-height: 1.8133333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  font-size: 0.48rem;
+  font-weight: bold;
+  color: #1F1B4F;
+}
+.area .box .list {
+  position: absolute;
+  left: 0;
+  top: 1.8133333333rem;
+  overflow-y: scroll;
+  width: 100%;
+  height: 7rem;
+}
+.area .box .list span {
+  display: block;
+  width: 100%;
+  height: 1.36rem;
+  line-height: 1.36rem;
+  font-size: 0.4266666667rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  text-align: center;
+  color: #1F1B4F;
+}
+.area .box .list .active {
+  background: #F3F5FA;
+}
+
+/*# sourceMappingURL=login.css.map */

view/peko/modules/h5Income/css/login.scss

@@ -0,0 +1,244 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: px2rem(50, );
+    display: none;
+}
+
+.header {
+    width: 100%;
+    height: px2rem(666, );
+    background: url(../images/login/bg.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto -2rem;
+
+    .logo {
+        position: absolute;
+        width: px2rem(428, );
+        height: px2rem(428, );
+        left: 50%;
+        top: px2rem(182, );
+        transform: translateX(-50%);
+
+    }
+}
+
+.box {
+    width: px2rem(750, );
+    height: px2rem(1096, );
+    border-radius: px2rem(50, ) px2rem(50, ) 0px 0px;
+    margin: 0 auto;
+    position: relative;
+    z-index: 2;
+    background: #fff;
+    overflow: hidden;
+
+    input {
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(48, );
+
+        &::placeholder {
+            font-size: px2rem(28, );
+            color: #8A8CAB;
+        }
+    }
+
+    .idLogin {
+        .id {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(96, ) auto px2rem(40, );
+            display: block;
+        }
+
+        .password {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(0, ) auto px2rem(80, );
+            display: block;
+        }
+    }
+
+    .phone {
+        display: none;
+
+        .phoneNumberBox {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(96, ) auto px2rem(40, );
+            box-sizing: border-box;
+            padding-left: px2rem(48, );
+
+            .prefix {
+                float: left;
+                font-size: px2rem(32, );
+                color: #1F1B4F;
+                font-weight: bold;
+                height: 100%;
+                line-height: px2rem(104, );
+
+                b {
+                    font-size: px2rem(32, );
+                    color: #1F1B4F;
+                    font-weight: bold;
+                    margin-right: px2rem(8, );
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(24, );
+                    height: px2rem(16, );
+                    vertical-align: middle;
+                }
+            }
+
+            .phoneNumber {
+                float: right;
+                height: 100%;
+                padding: 0;
+                width: 5.5rem;
+            }
+        }
+
+        .codeBox {
+            width: px2rem(606, );
+            height: px2rem(104, );
+            background: #F3F5FA;
+            border-radius: px2rem(104, );
+            margin: px2rem(0, ) auto px2rem(80, );
+
+            .code {
+                float: left;
+                width: 5rem;
+                height: 100%;
+            }
+
+            .codeBut {
+                text-align: center;
+                color: #FFFFFF;
+                font-size: px2rem(28, );
+                border-radius: px2rem(76, );
+                width: px2rem(204, );
+                height: px2rem(76, );
+                line-height: px2rem(76, );
+                float: right;
+                margin-top: px2rem(14, );
+                margin-right: px2rem(16, );
+                background: #9168FA;
+            }
+
+            .codeButTime {
+                background: #DED1FD;
+            }
+        }
+    }
+
+
+
+    .but {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        border-radius: px2rem(96, );
+        line-height: px2rem(96, );
+        text-align: center;
+        color: #FFFFFF;
+        font-size: px2rem(32, );
+        margin: 0 auto px2rem(40, );
+        background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+    }
+
+    .butok {
+        background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+    }
+
+    .hone {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        border-radius: px2rem(96, );
+        line-height: px2rem(96, );
+        text-align: center;
+        color: #9168FA;
+        font-size: px2rem(32, );
+        margin: 0 auto px2rem(40, );
+        background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
+        border: 1px solid #D480FF;
+    }
+}
+
+.area {
+    position: fixed;
+    z-index: 99;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .box {
+        width: 100%;
+        height: px2rem(666, );
+        border-radius: px2rem(56, ) px2rem(56, ) 0 0;
+        background: #fff;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        p {
+            width: 100%;
+            text-align: center;
+            height: px2rem(136, );
+            line-height: px2rem(136, );
+            border-bottom: px2rem(1, ) solid #EBEEF5;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            color: #1F1B4F;
+        }
+
+        .list {
+            position: absolute;
+            left: 0;
+            top: px2rem(136, );
+            overflow-y: scroll;
+            width: 100%;
+            height: 7rem;
+
+            span {
+                display: block;
+                width: 100%;
+                height: px2rem(102, );
+                line-height: px2rem(102, );
+                font-size: px2rem(32, );
+                border-bottom: px2rem(1, ) solid #EBEEF5;
+                text-align: center;
+                color: #1F1B4F;
+            }
+
+            .active {
+                background: #F3F5FA;
+            }
+        }
+    }
+}

view/peko/modules/h5Income/css/malaysia.css

@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 9.7066666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=malaysia.css.map */

view/peko/modules/h5Income/css/malaysia.scss

@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(728, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}

view/peko/modules/h5Income/css/other.css

@@ -0,0 +1,166 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=other.css.map */

view/peko/modules/h5Income/css/other.scss

@@ -0,0 +1,175 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}

view/peko/modules/h5Income/css/rule.css

@@ -0,0 +1,41 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.box {
+  width: 9.1466666667rem;
+  height: auto;
+  margin: 0.8666666667rem auto 0;
+  box-sizing: border-box;
+  padding: 0.64rem 0.5333333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+}
+.box h3 {
+  width: 100%;
+  display: block;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  margin-bottom: 0.32rem;
+}
+.box p {
+  color: #8A8CAB;
+  font-size: 0.3466666667rem;
+  margin-bottom: 0.2666666667rem;
+  width: 100%;
+}
+
+/*# sourceMappingURL=rule.css.map */

view/peko/modules/h5Income/css/rule.scss

@@ -0,0 +1,47 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.box {
+    width: px2rem(686, );
+    // height: px2rem(1348, );
+    height: auto;
+    margin: px2rem(65, ) auto 0;
+    box-sizing: border-box;
+    padding: px2rem(48, ) px2rem(40, );
+    background: #fff;
+    border-radius: px2rem(20, );
+
+    h3 {
+        width: 100%;
+        display: block;
+        text-align: center;
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+        margin-bottom: px2rem(24, );
+    }
+
+    p {
+        color: #8A8CAB;
+        font-size: px2rem(26, );
+        margin-bottom: px2rem(20, );
+        width: 100%;
+    }
+}

view/peko/modules/h5Income/css/singapore.css

@@ -0,0 +1,197 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+h3 {
+  width: 100%;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 0.4266666667rem;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.3733333333rem;
+}
+input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #8A8CAB;
+}
+
+.box1 {
+  width: 9.1466666667rem;
+  height: 9.7066666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box1 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box1 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box1 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box2 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.32rem;
+  overflow: hidden;
+}
+.box2 div {
+  width: 100%;
+  height: 1.3733333333rem;
+  line-height: 1.3733333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  display: flex;
+}
+.box2 div span {
+  flex: 3;
+  height: 100%;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+.box2 div input {
+  flex: 7;
+  height: 100%;
+  text-align: right;
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+}
+
+.box3 {
+  width: 9.1466666667rem;
+  height: 5.5466666667rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.5333333333rem;
+  overflow: hidden;
+}
+.box3 p {
+  font-size: 0.3733333333rem;
+  color: #1F1B4F;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0.4266666667rem;
+}
+.box3 .idBox .z,
+.box3 .idBox .f {
+  width: 3.84rem;
+  height: 3.1466666667rem;
+  background: #F3F5FA;
+  border-radius: 0.2666666667rem;
+  position: relative;
+}
+.box3 .idBox .z .documents,
+.box3 .idBox .f .documents {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+}
+.box3 .idBox .z .icon_camera,
+.box3 .idBox .f .icon_camera {
+  position: absolute;
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  left: 50%;
+  top: 0.8rem;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+.box3 .idBox .z span,
+.box3 .idBox .f span {
+  position: absolute;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  left: 50%;
+  top: 2.4rem;
+  transform: translateX(-50%);
+  width: 100%;
+  text-align: center;
+}
+.box3 .idBox .z .upload,
+.box3 .idBox .f .upload {
+  position: absolute;
+  width: 3.0933333333rem;
+  height: 1.92rem;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.3733333333rem;
+  z-index: 2;
+}
+
+.but {
+  width: 8.08rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  border-radius: 1.28rem;
+  margin: 0 auto 0.64rem;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  color: #FFFFFF;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+
+.active {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+  width: 8.72rem;
+  margin: 0 auto 0.6666666667rem;
+  color: #8A8CAB;
+  font-size: 0.3733333333rem;
+}
+.rule p {
+  margin-bottom: 0.1333333333rem;
+  line-height: 0.45rem;
+}
+
+/*# sourceMappingURL=singapore.css.map */

view/peko/modules/h5Income/css/singapore.scss

@@ -0,0 +1,210 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+h3 {
+    width: 100%;
+    margin-top: px2rem(40, );
+    margin-bottom: px2rem(32, );
+    text-align: center;
+    color: #1F1B4F;
+    font-size: px2rem(36, );
+    font-weight: bold;
+}
+
+input {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+    font-size: px2rem(28, );
+
+    &::placeholder {
+        font-size: px2rem(28, );
+        color: #8A8CAB;
+    }
+}
+
+.box1 {
+    width: px2rem(686, );
+    height: px2rem(728, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box2 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(24, );
+    overflow: hidden;
+
+    div {
+        width: 100%;
+        height: px2rem(103, );
+        line-height: px2rem(103, );
+        border-bottom: px2rem(1, ) solid #EBEEF5;
+        display: flex;
+
+        span {
+            flex: 3;
+            height: 100%;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+
+        input {
+            flex: 7;
+            height: 100%;
+            text-align: right;
+            font-size: px2rem(28, );
+            color: #1F1B4F;
+        }
+    }
+}
+
+.box3 {
+    width: px2rem(686, );
+    height: px2rem(416, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    box-sizing: border-box;
+    padding: 0 px2rem(40, );
+    margin: 0 auto px2rem(40, );
+    overflow: hidden;
+
+    p {
+        font-size: px2rem(28, );
+        color: #1F1B4F;
+        margin-top: px2rem(32, );
+    }
+
+    .idBox {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        margin-top: px2rem(32, );
+
+        .z,
+        .f {
+            width: px2rem(288, );
+            height: px2rem(236, );
+            background: #F3F5FA;
+            border-radius: px2rem(20, );
+            position: relative;
+
+            .documents {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+            }
+
+            .icon_camera {
+                position: absolute;
+                width: px2rem(80, );
+                height: px2rem(80, );
+                left: 50%;
+                top: px2rem(60, );
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            span {
+                position: absolute;
+                color: #8A8CAB;
+                font-size: px2rem(24, );
+                left: 50%;
+                top: px2rem(180, );
+                transform: translateX(-50%);
+                width: 100%;
+                text-align: center;
+            }
+
+            .upload {
+                position: absolute;
+                width: px2rem(232, );
+                height: px2rem(144, );
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(28, );
+                z-index: 2;
+            }
+        }
+    }
+}
+
+.but {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    line-height: px2rem(96, );
+    border-radius: px2rem(96, );
+    margin: 0 auto px2rem(48, );
+    text-align: center;
+    font-size: px2rem(32, );
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+}
+.active{
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.rule {
+    width: px2rem(654, );
+    margin: 0 auto px2rem(50, );
+    color: #8A8CAB;
+    font-size: px2rem(28, );
+
+    p {
+        margin-bottom: px2rem(10, );
+        line-height: 0.45rem;
+    }
+}

view/peko/modules/h5Income/css/withdrawal.css

@@ -0,0 +1,572 @@
+html,
+body {
+  width: 100%;
+  background: #F3F5FA;
+}
+
+.back {
+  position: fixed;
+  z-index: 9;
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  left: 0.5333333333rem;
+  top: 0.2rem;
+}
+
+.butBig {
+  width: 8.08rem;
+  height: 1.28rem;
+  background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+  border-radius: 1.28rem;
+  line-height: 1.28rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+  margin: 0 auto 0.6666666667rem;
+}
+
+.butBigActive {
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+}
+
+.myInfo {
+  width: 9.2rem;
+  height: 1.8133333333rem;
+  margin: 0.8rem auto 0.4266666667rem;
+}
+.myInfo img {
+  display: block;
+  width: 1.8133333333rem;
+  height: 1.8133333333rem;
+  border-radius: 50%;
+  float: left;
+}
+.myInfo div {
+  float: left;
+  margin-left: 0.2933333333rem;
+  overflow: hidden;
+}
+.myInfo div p {
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+  margin-bottom: 0.16rem;
+  margin-top: 0.4rem;
+  width: 6.5rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.myInfo div b {
+  color: #8A8CAB;
+  font-size: 0.32rem;
+}
+
+.income {
+  width: 9.1466666667rem;
+  height: 2.88rem;
+  background: url(../images/withdrawal/bg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0.1066666667rem;
+  position: relative;
+}
+.income .rule {
+  color: #9168FA;
+  font-size: 0.32rem;
+  position: absolute;
+  right: 0.4266666667rem;
+  top: 0.24rem;
+}
+.income img {
+  width: 0.7466666667rem;
+  height: 0.7466666667rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 1.0666666667rem;
+}
+.income span {
+  color: #FFFFFF;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.4266666667rem;
+}
+.income p {
+  color: #FFFFFF;
+  font-size: 0.64rem;
+  font-weight: bold;
+  position: absolute;
+  left: 1.3866666667rem;
+  top: 1.1733333333rem;
+}
+
+.account {
+  width: 9.1466666667rem;
+  height: 1.6rem;
+  line-height: 1.6rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  margin: 0 auto 0.4266666667rem;
+  position: relative;
+}
+.account .icon_account {
+  position: absolute;
+  left: 0.5333333333rem;
+  top: 0.5333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.account .arrow_right {
+  position: absolute;
+  right: 0.5333333333rem;
+  top: 0.5333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.account div {
+  height: 100%;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  position: absolute;
+  top: 0;
+  left: 1.2266666667rem;
+}
+.account span {
+  height: 100%;
+  color: #B3B3C3;
+  font-size: 0.32rem;
+  position: absolute;
+  top: 0;
+  right: 1.0666666667rem;
+}
+.account .active {
+  color: #1F1B4F;
+  font-weight: bold;
+}
+
+.withdrawal {
+  width: 9.1466666667rem;
+  height: 7.6266666667rem;
+  margin: 0 auto 0.5333333333rem;
+  background: #fff;
+  border-radius: 0.2666666667rem;
+  position: relative;
+  overflow: hidden;
+}
+.withdrawal .gold {
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+  position: absolute;
+  top: 0.5333333333rem;
+  left: 0.5333333333rem;
+}
+.withdrawal .title {
+  margin-top: 0.5333333333rem;
+  margin-left: 1.2266666667rem;
+  font-size: 0.4266666667rem;
+  color: #1F1B4F;
+  font-weight: bold;
+}
+.withdrawal input {
+  background: transparent;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  width: 8.08rem;
+  height: 1.28rem;
+  margin: 0.4266666667rem auto 0.64rem;
+  background: #F3F5FA;
+  display: block;
+  border-radius: 0.2133333333rem;
+}
+.withdrawal input::placeholder {
+  font-size: 0.3733333333rem;
+  color: #B3B3C3;
+}
+.withdrawal .withdrawalBox {
+  width: 8.08rem;
+  height: 1.28rem;
+  position: absolute;
+  left: 0.55rem;
+  top: 1.3rem;
+}
+.withdrawal .numBox {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+  margin: 0 auto 0.7466666667rem;
+}
+.withdrawal .numBox span {
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+}
+.withdrawal .numBox b {
+  color: #B3B3C3;
+  font-size: 0.3733333333rem;
+  float: right;
+}
+.withdrawal .numBox .active {
+  color: #9168FA;
+  font-size: 0.4666666667rem;
+  font-weight: bold;
+}
+.withdrawal p {
+  margin-bottom: 0.16rem;
+  color: #8A8CAB;
+  font-size: 0.32rem;
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.5333333333rem;
+}
+.withdrawal p i {
+  font-style: normal;
+}
+
+.accountPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.accountPub .accountPub_in {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  border-radius: 0.7466666667rem 0.7466666667rem 0 0;
+  background: #fff;
+  overflow: hidden;
+  height: 8.88rem;
+}
+.accountPub .accountPub_in h3 {
+  height: 1.8133333333rem;
+  line-height: 1.8133333333rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+.accountPub .accountPub_in ul {
+  width: 100%;
+  height: 7rem;
+  overflow-y: scroll;
+}
+.accountPub .accountPub_in ul li {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  height: 1.3866666667rem;
+  line-height: 1.3866666667rem;
+  border-bottom: 0.0133333333rem solid #EBEEF5;
+}
+.accountPub .accountPub_in ul .active {
+  color: #9168FA;
+}
+
+.goldPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+.goldPub .goldPub_in {
+  width: 8.5066666667rem;
+  height: 7.3066666667rem;
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.goldPub .goldPub_in .title {
+  width: 100%;
+  text-align: center;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  color: #1F1B4F;
+  position: absolute;
+  left: 0;
+  top: 0.64rem;
+}
+.goldPub .goldPub_in .num {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  text-align: center;
+  top: 1.8666666667rem;
+  left: 0;
+  font-size: 0.7466666667rem;
+  font-weight: bold;
+}
+.goldPub .goldPub_in img {
+  position: absolute;
+  left: 3.2rem;
+  top: 2.7333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.goldPub .goldPub_in span {
+  position: absolute;
+  top: 2.8rem;
+  left: 3.84rem;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in input {
+  width: 6.8rem;
+  height: 1.28rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.6266666667rem;
+  text-align: center;
+  background: #F3F5FA;
+  outline: none;
+  border: none;
+  border-radius: 0.2133333333rem;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.44rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.withDrawalPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+.withDrawalPub .withDrawalPub_in {
+  width: 8.5066666667rem;
+  height: 5.8133333333rem;
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.withDrawalPub .withDrawalPub_in .title {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  position: absolute;
+  left: 0;
+  top: 0.64rem;
+}
+.withDrawalPub .withDrawalPub_in p {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 1.8666666667rem;
+}
+.withDrawalPub .withDrawalPub_in p b {
+  font-weight: bold;
+}
+.withDrawalPub .withDrawalPub_in span {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 2.72rem;
+}
+.withDrawalPub .withDrawalPub_in span b {
+  color: #9168FA;
+  font-size: 0.4266666667rem;
+}
+.withDrawalPub .withDrawalPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.9466666667rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.binding {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.binding .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.binding .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.binding .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.binding .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.binding .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.binding .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+.switch {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.switch .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.switch .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.switch .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.switch .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.switch .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.switch .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+/*# sourceMappingURL=withdrawal.css.map */

view/peko/modules/h5Income/css/withdrawal.scss

@@ -0,0 +1,633 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #F3F5FA;
+}
+
+.back {
+    position: fixed;
+    z-index: 9;
+    width: px2rem(56, );
+    height: px2rem(56, );
+    left: px2rem(40, );
+    top: 0.2rem;
+    // display: none;
+}
+
+.butBig {
+    width: px2rem(606, );
+    height: px2rem(96, );
+    background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
+    border-radius: px2rem(96, );
+    line-height: px2rem(96, );
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(32, );
+    margin: 0 auto px2rem(50, );
+}
+
+.butBigActive {
+    background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+    ;
+}
+
+.myInfo {
+    width: px2rem(690, );
+    height: px2rem(136, );
+    margin: px2rem(60, ) auto px2rem(32, );
+
+    img {
+        display: block;
+        width: px2rem(136, );
+        height: px2rem(136, );
+        border-radius: 50%;
+        float: left;
+    }
+
+    div {
+        float: left;
+        margin-left: px2rem(22, );
+        overflow: hidden;
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+            margin-bottom: px2rem(12, );
+            margin-top: px2rem(30, );
+            width: 6.5rem;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        b {
+            color: #8A8CAB;
+            font-size: px2rem(24, );
+        }
+    }
+}
+
+.income {
+    width: px2rem(686, );
+    height: px2rem(216, );
+    background: url(../images/withdrawal/bg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(8, );
+    position: relative;
+
+    .rule {
+        color: #9168FA;
+        font-size: px2rem(24, );
+        position: absolute;
+        right: px2rem(32, );
+        top: px2rem(18, );
+    }
+
+    img {
+        width: px2rem(56, );
+        height: px2rem(56, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(80, );
+
+    }
+
+    span {
+        color: #FFFFFF;
+        font-size: px2rem(28, );
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(32, );
+    }
+
+    p {
+        color: #FFFFFF;
+        font-size: px2rem(48, );
+        font-weight: bold;
+        position: absolute;
+        left: px2rem(104, );
+        top: px2rem(88, );
+    }
+}
+
+.account {
+    width: px2rem(686, );
+    height: px2rem(120, );
+    line-height: px2rem(120, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    margin: 0 auto px2rem(32, );
+    position: relative;
+
+    .icon_account {
+        position: absolute;
+        left: px2rem(40, );
+        top: px2rem(40, );
+        width: px2rem(40, );
+        height: px2rem(40, );
+    }
+
+    .arrow_right {
+        position: absolute;
+        right: px2rem(40, );
+        top: px2rem(40, );
+        width: px2rem(40, );
+        height: px2rem(40, );
+    }
+
+    div {
+        height: 100%;
+        color: #1F1B4F;
+        font-size: px2rem(32, );
+        font-weight: bold;
+        position: absolute;
+        top: 0;
+        left: px2rem(92, );
+    }
+
+    span {
+        height: 100%;
+        color: #B3B3C3;
+        font-size: px2rem(24, );
+        position: absolute;
+        top: 0;
+        right: px2rem(80, );
+    }
+
+    .active {
+        color: #1F1B4F;
+        font-weight: bold;
+    }
+}
+
+.withdrawal {
+    width: px2rem(686, );
+    height: px2rem(572, );
+    margin: 0 auto px2rem(40, );
+    background: #fff;
+    border-radius: px2rem(20, );
+    position: relative;
+    overflow: hidden;
+
+    .gold {
+        width: px2rem(40, );
+        height: px2rem(40, );
+        position: absolute;
+        top: px2rem(40, );
+        left: px2rem(40, );
+    }
+
+    .title {
+        margin-top: px2rem(40, );
+        margin-left: px2rem(92, );
+        font-size: px2rem(32, );
+        color: #1F1B4F;
+        font-weight: bold;
+    }
+
+    input {
+        background: transparent;
+        border: none;
+        outline: none;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+        width: px2rem(606, );
+        height: px2rem(96, );
+        margin: px2rem(32, ) auto px2rem(48, );
+        background: #F3F5FA;
+        display: block;
+        border-radius: px2rem(16, );
+
+        &::placeholder {
+            font-size: px2rem(28, );
+            color: #B3B3C3;
+        }
+    }
+
+    .withdrawalBox {
+        width: px2rem(606, );
+        height: px2rem(96, );
+        position: absolute;
+        left: 0.55rem;
+        top: 1.3rem;
+    }
+
+    .numBox {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+        margin: 0 auto px2rem(56, );
+
+        span {
+            color: #1F1B4F;
+            font-size: px2rem(32, );
+            // float: left;
+        }
+
+        b {
+            color: #B3B3C3;
+            font-size: px2rem(28, );
+            float: right;
+        }
+
+        .active {
+            color: #9168FA;
+            font-size: px2rem(35, );
+            font-weight: bold;
+        }
+    }
+
+    p {
+        margin-bottom: px2rem(12, );
+        color: #8A8CAB;
+        font-size: px2rem(24, );
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(40, );
+
+        i {
+            font-style: normal;
+        }
+    }
+}
+
+.accountPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .accountPub_in {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        border-radius: px2rem(56, ) px2rem(56, ) 0 0;
+        background: #fff;
+        overflow: hidden;
+        height: px2rem(666, );
+
+        h3 {
+            height: px2rem(136, );
+            line-height: px2rem(136, );
+            border-bottom: px2rem(1, ) solid #EBEEF5;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(36, );
+            font-weight: bold;
+        }
+
+        ul {
+            width: 100%;
+            height: 7rem;
+            overflow-y: scroll;
+
+            li {
+                width: 100%;
+                text-align: center;
+                color: #1F1B4F;
+                font-size: px2rem(28, );
+                height: px2rem(104, );
+                line-height: px2rem(104, );
+                border-bottom: px2rem(1, ) solid #EBEEF5;
+            }
+
+            .active {
+                color: #9168FA;
+            }
+        }
+    }
+}
+
+.goldPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .goldPub_in {
+        width: px2rem(638, );
+        height: px2rem(548, );
+        background: #fff;
+        border-radius: px2rem(40, );
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            text-align: center;
+            font-size: px2rem(32, );
+            font-weight: bold;
+            color: #1F1B4F;
+            position: absolute;
+            left: 0;
+            top: px2rem(48, );
+        }
+
+        .num {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            text-align: center;
+            top: px2rem(140, );
+            left: 0;
+            font-size: px2rem(56, );
+            font-weight: bold;
+        }
+
+        img {
+            position: absolute;
+            left: px2rem(240, );
+            top: px2rem(205, );
+            width: px2rem(40, );
+            height: px2rem(40, );
+        }
+
+        span {
+            position: absolute;
+            top: px2rem(210, );
+            left: px2rem(288, );
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+        }
+
+        input {
+            width: px2rem(510, );
+            height: px2rem(96, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(272, );
+            text-align: center;
+            background: #F3F5FA;
+            outline: none;
+            border: none;
+            border-radius: px2rem(16, );
+            font-size: px2rem(28, );
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(408, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.withDrawalPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .withDrawalPub_in {
+        width: px2rem(638, );
+        height: px2rem(436, );
+        background: #fff;
+        border-radius: px2rem(40, );
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(32, );
+            font-weight: bold;
+            position: absolute;
+            left: 0;
+            top: px2rem(48, );
+        }
+
+        p {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(140, );
+
+            b {
+                font-weight: bold;
+            }
+        }
+
+        span {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(204, );
+
+            b {
+                color: #9168FA;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(296, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.binding {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}
+
+.switch {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}

view/peko/modules/h5Income/exchangeGold.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>我的收益</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/exchangeGold.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 兌換信息 -->
+    <div class="box">
+        <div class="golds">我的金幣：0</div>
+        <div class="diamonds">我的鉆石：0</div>
+        <input type="number" placeholder="0" class="num">
+        <input type="number" disabled placeholder="0" class="num2">
+    </div>
+    <!-- 確認兌換 -->
+    <div class="but">確認兌換</div>
+    <!-- 二次確認彈窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <div class="title">確認兌換</div>
+            <p>確認獎 <b class="gold">0</b> 金幣兌換為 <b class="diamond">0</b> 鉆石嗎？</p>
+            <div class="close">取消</div>
+            <div class="ok">確認</div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/exchangeGold.js"></script>

view/peko/modules/h5Income/index.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <title>我的收益</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 返回 -->
+    <img src="./images/back.png" alt="" class="back">
+    <!-- 我的基本信息 -->
+    <div class="myInfo">
+        <img src="./images/login/logo.png" alt="">
+        <div>
+            <p>piko</p>
+            <b>ID:</b>
+        </div>
+    </div>
+    <!-- 鉆石 -->
+    <div class="diamond">
+        <img src="./images/index/diamondIcon.png" alt="" class="diamondIcon">
+        <!-- <img src="./images/index/moreD.png" alt="" class="moreD"> -->
+        <span>鉆石</span>
+        <!-- <b>明細</b> -->
+        <p>0</p>
+    </div>
+    <!-- 金幣 -->
+    <div class="gold">
+        <img src="./images/index/goldIcon.png" alt="" class="goldIcon">
+        <span>金幣</span>
+        <a href="../myincome/index.html#/GoldLog">
+            <b>明細</b>
+            <img src="./images/index/moreG.png" alt="" class="moreG">
+        </a>
+        <p>0</p>
+        <a href="./exchangeGold.html">
+            <div class="exchangeGold">兌換鉆石</div>
+        </a>
+        <a href="./withdrawal.html">
+            <div class="withdrawal">提領</div>
+        </a>
+    </div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js?v=1.0"></script>

view/peko/modules/h5Income/js/chainBank.js

@@ -0,0 +1,190 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封装layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按钮
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上传身份证接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 确认绑定按钮
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//监听是否完善信息
+function listenFun () {
+    var num1 = $(".box1 div .name").val();
+    var num2 = $(".box1 div .card").val();
+    var num3 = $(".box2 div .bankCard").val();
+    var num4 = $(".box2 div .phone").val();
+    var num5 = $(".box2 div .address").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 监听所有输入框输入
+$(".box1 div .name,.box1 div .card,.box2 div .bankCard,.box2 div .phone,.box2 div .address").on("keyup", function () {
+    listenFun()
+});
+// 
+// 保存绑定
+function withdrawUserAccount (name, idCardNo, accountNo, contact, thirdAccountNo, address, frontPhoto, backPhoto) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        name,
+        idCardNo,
+        accountNo,
+        contact,
+        thirdAccountNo,
+        address,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount($('.box1 div .name').val(),
+            $('.box1 div .card').val(),
+            $('.box2 div .bankCard').val(),
+            $('.box2 div .phone').val(),
+            $('.box2 div .alipay').val(),
+            $('.box2 div .address').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src'));
+    }
+})

view/peko/modules/h5Income/js/exchangeGold.js

@@ -0,0 +1,123 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var rate;//轉換比例
+var minDiamonds;//最少兌換鉆石
+var maxDiamonds;//最多兌換鉆石
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getConfig();
+        }, 100)
+    })
+})
+// 鉆石金幣接口
+function getConfig () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/goldExchangeDiamond/getConfig',
+        success (res) {
+            if (res.code === 200) {
+                rate = res.data.rate;
+                maxDiamonds = res.data.maxDiamonds;
+                minDiamonds = res.data.minDiamonds;
+                $('.box .golds').text('我的金幣：' + res.data.golds);
+                $('.box .diamonds').text('我的鉆石：' + res.data.diamonds);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) { 
+                window.location.href = './login.html' 
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認兌換接口
+function exchange () {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/goldExchangeDiamond/exchange',
+        data: { currency: 1, diamondNum: Number($('.box .num2').val()), goldNum: Number($('.box .num').val()) },
+        success (res) {
+            if (res.code === 200) {
+                $('.pub').hide();
+                getConfig();
+                toastMsg('兌換成功')
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) { 
+                window.location.href = './login.html' 
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+// 監聽輸入
+$(".box .num").on("keyup", function () {
+    var val = $(this).val();
+    $('.box .num2').val(val * rate);
+});
+// 打開二次彈窗
+$('.but').click(function () {
+    var num = Number($('.box .num2').val());
+    if (num < minDiamonds) {
+        toastMsg(`至少需要兌換${minDiamonds}鉆石`)
+    } else if (num > maxDiamonds) {
+        toastMsg(`兌換鉆石不能超過${maxDiamonds}鉆石`)
+    } else {
+        $('.pub .pub_in p .gold').text($('.box .num').val());
+        $('.pub .pub_in p .diamond').text($('.box .num2').val());
+        $('.pub').show();
+    }
+})
+// 確認兌換
+$('.pub .pub_in .ok').click(function () {
+    exchange();
+})
+// 取消兌換
+$('.pub .pub_in .close').click(function () {
+    $('.pub').hide();
+})

view/peko/modules/h5Income/js/index.js

@@ -0,0 +1,106 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+            getQueryWithRoomType();
+            getUser();
+        }, 100)
+    })
+})
+// 鉆石金幣接口
+function getQueryWithRoomType () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/purse/queryWithRoomType',
+        success (res) {
+            if (res.code === 200) {
+                $('.diamond p').text(res.data.diamonds);
+                $('.gold p').text(res.data.golds);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 基本信息接口
+function getUser () {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/user/get',
+        data: { uid: pubInfo.uid },
+        success (res) {
+            if (res.code === 200) {
+                $('.myInfo img').attr('src', res.data.avatar);
+                $('.myInfo div p').text(res.data.nick);
+                $('.myInfo div b').text("ID:" + res.data.erbanNo);
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+
+//返回页面 重新请求接口
+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/modules/h5Income/js/login.js

@@ -0,0 +1,258 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var idOrPhone = true;//判斷id登入或手機號登入
+var times = 0;//倒計時計時器
+var isClick = true;//判斷是否再次獲取驗證碼
+var token;
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        setTimeout(function () {
+            getAreaInfo();
+        }, 100)
+    })
+})
+
+// 獲取驗證碼接口
+function getCode () {
+    var mobileDes = encryptDes(`${$('.box .phone .phoneNumberBox .prefix b').text()}${$('.box .phone .phoneNumberBox .phoneNumber').val()}`, '1ea53d260ecf11e7b56e00163e046a26');
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/sms/getCode',
+        headers: { "pub_uid": "0" },
+        data: { mobile: mobileDes, phoneAreaCode: $('.box .phone .phoneNumberBox .prefix b').text(), type: 2 },
+        success (res) {
+            if (res.code === 200) {
+                toastMsg(res.message);
+                $('.box .phone .codeBox .codeBut').addClass('codeButTime')
+                timerFun()
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// ticket接口 
+function ticket () {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/oauth/ticket',
+        data: { issue_type: "multi", access_token: token },
+        success (res) {
+            if (res.code === 200) {
+                sessionStorage.setItem("uid", res.data.uid);
+                sessionStorage.setItem("ticket", res.data.tickets[0].ticket);
+                window.location.href = './index.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 登入接口 
+function oauthToken () {
+    if (idOrPhone) {
+        var phone = encryptDes($('.box .idLogin .id').val(), '1ea53d260ecf11e7b56e00163e046a26');
+        var password = encryptDes($('.box .idLogin .password').val(), '1ea53d260ecf11e7b56e00163e046a26');
+    } else {
+        var phone = $('.box .phone .phoneNumberBox .phoneNumber').val();
+        var code = $('.box .phone .codeBox .code').val();
+        var phoneAreaCode = $('.box .phone .phoneNumberBox .prefix b').text();
+    }
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/oauth/h5/token',
+        data: idOrPhone ? {
+            "grant_type": "password", phone, password,
+        } :
+            { grant_type: 'verify_code', phoneAreaCode, phone:`${phoneAreaCode}${phone}`, code,},
+        success (res) {
+            if (res.code === 200) {
+                token = res.data.access_token;
+                // ticket();
+                sessionStorage.setItem("uid", res.data.uid);
+                sessionStorage.setItem("ticket", token);
+                window.location.href = './index.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 區號接口
+function getAreaInfo () {
+    showLoading()
+    networkRequest({
+        type: 'GEt',
+        url: urlPrefix + '/areaInfo/list',
+        success (res) {
+            if (res.code === 200) {
+                var str = '';
+                res.data.forEach((res, i) => {
+                    str += `
+
+                        <span>${res.name} +${res.phoneAreaCode}</span>
+                    `
+                });
+                $('.area .box .list').append(str);
+                $('.area .box .list span').click(function () {
+                    $('.box .phone .phoneNumberBox .prefix b').text($(this).text().replace(/[^0-9]/gi, ''));
+                    $(this).addClass('active').siblings().removeClass('active');
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 點擊獲取驗證碼
+$('.box .phone .codeBox .codeBut').click(function () {
+    var val = $('.box .phone .phoneNumberBox .phoneNumber').val();
+    if (val == '') {
+        toastMsg('請輸入手機號')
+        return
+    }
+    if (isClick) {
+        getCode()
+    }
+
+})
+// 倒計時
+function timerFun () {
+    isClick = false;
+    times = 59;
+    // 開啟定時器
+    var timer = setInterval(function () {
+        // 判斷剩余秒數
+        if (times == 0) {
+            // 清除定時器和復原按鈕
+            clearInterval(timer);
+            $('.box .phone .codeBox .codeBut').text('獲取驗證碼');
+            $('.box .phone .codeBox .codeBut').removeClass('codeButTime')
+            isClick = true;
+        } else {
+            $('.box .phone .codeBox .codeBut').text(`${times}秒`);
+            times--;
+        }
+    }, 1000);
+}
+// 切換登入方式按鈕
+$('.box .hone').click(function () {
+    idOrPhone = !idOrPhone;
+    $('.box .phone .phoneNumberBox .phoneNumber,.box .phone .codeBox .code,.box .idLogin .id,.box .idLogin .password').val('');
+    $('.box .but').removeClass('butok');
+    if (idOrPhone) {
+        $('.idLogin').show();
+        $('.phone').hide();
+        $('.box .hone').text('piko手機號登錄');
+    } else {
+        $('.phone').show();
+        $('.idLogin').hide();
+        $('.box .hone').text('piko賬號登錄');
+    }
+})
+// 打開選擇區號
+$('.box .phone .phoneNumberBox .prefix').click(function () {
+    $('.area').show();
+    return false;
+})
+// 關閉選擇區號
+$('.area').click(function () {
+    $('.area').hide();
+    return false;
+})
+//監聽是否可以登入函數
+function phoneFun () {
+    var num1 = $(".box .idLogin .id").val();
+    var num2 = $(".box .idLogin .password").val();
+    var num3 = $(".box .phone .phoneNumberBox .phoneNumber").val();
+    var num4 = $(".box .phone .codeBox .code").val();
+    if (num1 != '' && num2 != '' || num3 != '' && num4 != '') {
+        $('.box .but').addClass('butok');
+        return true;
+    } else {
+        $('.box .but').removeClass('butok');
+        return false;
+    }
+}
+// 監聽賬號輸入
+$(".box .idLogin .id").on("keyup", function () {
+    phoneFun()
+});
+// 監聽密碼輸入
+$(".box .idLogin .password").on("keyup", function () {
+    phoneFun()
+});
+// 監聽手機號輸入
+$(".box .phone .phoneNumberBox .phoneNumber").on("keyup", function () {
+    phoneFun()
+});
+// 監聽驗證碼輸入
+$(".box .phone .codeBox .code").on("keyup", function () {
+    phoneFun()
+});
+// 登入按鈕
+$('.box .but').click(function () {
+    if (phoneFun()) {
+        oauthToken();
+    }
+})
+
+//DES加密
+const encryptDes = (message, key) => {
+    var keyHex = CryptoJS.enc.Utf8.parse(key);
+    var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
+        mode: CryptoJS.mode.ECB,
+        padding: CryptoJS.pad.Pkcs7
+    });
+    return encrypted.toString();
+}

view/peko/modules/h5Income/js/malaysia.js

@@ -0,0 +1,220 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上傳身份證接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認綁定按鈕
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//監聽是否完善信息
+function listenFun () {
+    var num1 = $(".box1 div .name").val();
+    var num2 = $(".box1 div .accountName").val();
+    var num3 = $(".box1 div .card").val();
+    var num4 = $(".box1 div .state").val();
+    var num5 = $(".box1 div .city").val();
+    var num7 = $(".box1 div .street").val();
+    var num8 = $(".box1 div .postalCode").val();
+    var num9 = $(".box2 div .bankAccount").val();
+    var num10 = $(".box2 div .bankName").val();
+    var num11 = $(".box2 div .swiftCode").val();
+    var num12 = $(".box2 div .phone").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 監聽所有輸入框輸入
+$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
+    listenFun()
+});
+// 保存绑定
+function withdrawUserAccount (
+    surname,
+    name,
+    idCardNo,
+    province,
+    city,
+    street,
+    postCode,
+    accountNo,
+    bankName,
+    swiftCode,
+    contact,
+    frontPhoto,
+    backPhoto,) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        surname,
+        name,
+        idCardNo,
+        province,
+        city,
+        street,
+        postCode,
+        accountNo,
+        bankName,
+        swiftCode,
+        contact,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount(
+            $('.box1 div .name').val(),
+            $('.box1 div .accountName').val(),
+            $('.box1 div .card').val(),
+            $('.box1 div .state').val(),
+            $('.box1 div .city').val(),
+            $('.box1 div .street').val(),
+            $('.box1 div .postalCode').val(),
+            $('.box2 div .bankAccount').val(),
+            $('.box2 div .bankName').val(),
+            $('.box2 div .swiftCode').val(),
+            $('.box2 div .phone').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src')
+        );
+    }
+})

view/peko/modules/h5Income/js/other.js

@@ -0,0 +1,192 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+var url = getQueryString();
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+$(function () {
+    setTimeout(function () {
+        getInfoFromClient()
+        if (browser.app) {
+            $('.back').hide();
+        }
+        setTimeout(function () {
+        }, 100)
+    })
+})
+// 返回按鈕
+$('.back').click(function () {
+    window.history.go(-1)
+})
+function fileChangeZ (e) {
+    var filesList = document.querySelector('#frontImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(1)
+}
+function fileChangeF (e) {
+    var filesList = document.querySelector('#backImageUpload').files;
+    if (filesList.length == 0) {
+        return;
+    }
+    getUploadToken(2)
+}
+// 上傳身份證接口
+function getUploadToken (type) {
+    const frontImage = document.getElementById('frontImageUpload').files[0];
+    const backImage = document.getElementById('backImageUpload').files[0];
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/qiniu/upload/getUploadToken',
+        success (res) {
+            if (res.code === 200) {
+                var frontImageKey = res.data.key;
+                var frontImageToken = res.data.token;
+                showLoading()
+                const observable = qiniu.upload(
+                    type == 1 ? frontImage : backImage,
+                    frontImageKey,
+                    frontImageToken
+                );
+                observable.subscribe({
+                    complete: (res) => {
+                        console.log(res);
+                        if (type == 1) {
+                            $('.box3 .idBox .z .documents').attr('src', res.path);
+                        } else {
+                            $('.box3 .idBox .f .documents').attr('src', res.path);
+                        }
+                        hideLoading(layerIndex)
+                        toastMsg("上傳成功")
+
+                    },
+                });
+            } else if (res.code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            // hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 確認綁定按鈕
+$('.but').click(function () {
+    if (listenFun()) {
+        var filesList = document.querySelector('#frontImageUpload').files;
+        var backImageUpload = document.querySelector('#backImageUpload').files;
+        if (filesList.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證照片')
+            return;
+        }
+    }
+})
+//監聽是否完善信息
+function listenFun () {
+    var num1 = $(".box2 div .bankCard").val();
+    var num2 = $(".box2 div .name").val();
+    var num3 = $(".box2 div .card").val();
+    var num4 = $(".box2 div .phone").val();
+    if (num1 != '' && num2 != '' && num3 != '' && num4 != '') {
+        $('.but').addClass('active');
+        return true;
+    } else {
+        $('.but').removeClass('active');
+        return false;
+    }
+}
+// 監聽所有輸入框輸入
+$(".box2 div .bankCard,.box2 div .name,.box2 div .card,.box2 div .phone").on("keyup", function () {
+    listenFun()
+});
+// 保存绑定
+function withdrawUserAccount (
+    accountNo,
+    name,
+    idCardNo,
+    contact,
+    frontPhoto,
+    backPhoto,) {
+    var obj = {
+        uid: pubInfo.uid,
+        accountType: url.accountType,
+        accountNo,
+        name,
+        idCardNo,
+        contact,
+        frontPhoto,
+        backPhoto,
+    };
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/withdrawUserAccount/save',
+        contentType: 'application/json',
+        data: JSON.stringify(obj),
+        success (res) {
+            if (res.code === 200) {
+                toastMsg('保存成功')
+                setTimeout(function () {
+                    window.location.href = './withdrawal.html'
+                }, 500)
+            } else if (res.code ? res.code == 401 : JSON.parse(res).code == 401) {
+                window.location.href = './login.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+$('.but').click(function () {
+    var frontImageUpload = document.querySelector('#frontImageUpload').files;
+    var backImageUpload = document.querySelector('#backImageUpload').files;
+    if (listenFun()) {
+        if (frontImageUpload.length == 0 || backImageUpload.length == 0) {
+            toastMsg('請上傳身份證');
+            return;
+        }
+        withdrawUserAccount(
+            $('.box2 div .bankCard').val(),
+            $('.box2 div .name').val(),
+            $('.box2 div .card').val(),
+            $('.box2 div .phone').val(),
+            $('.box3 .idBox .z .documents').attr('src'),
+            $('.box3 .idBox .f .documents').attr('src')
+        );
+    }
+})