优化体验
This commit is contained in:
Dragon
@@ -24,11 +24,11 @@
|
||||
}
|
||||
body .homePc .diamound,
|
||||
html .homePc .diamound {
|
||||
width: 1.46667rem;
|
||||
height: 0.53333rem;
|
||||
width: 1.2rem;
|
||||
height: 0.5rem;
|
||||
line-height: 0.46667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.32rem;
|
||||
font-size: 0.25rem;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 0.53333rem;
|
||||
@@ -36,14 +36,14 @@
|
||||
border: 1px solid #fff;
|
||||
position: absolute;
|
||||
right: 3.46667rem;
|
||||
top: 0.30667rem;
|
||||
top: 0.3rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
body .homePc .diamound img,
|
||||
html .homePc .diamound img {
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
height: 0.4rem;
|
||||
width: 0.33rem;
|
||||
height: 0.33rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
@@ -195,11 +195,11 @@
|
||||
position: relative;
|
||||
|
||||
.diamound {
|
||||
width: px2rem(110);
|
||||
height: px2rem(40);
|
||||
width: 1.2rem;
|
||||
height: 0.5rem;
|
||||
line-height: px2rem(35);
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(24);
|
||||
font-size: 0.25rem;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: px2rem(40);
|
||||
@@ -207,13 +207,13 @@
|
||||
border: 1px solid #fff;
|
||||
position: absolute;
|
||||
right: px2rem(260);
|
||||
top: px2rem(23);
|
||||
top: 0.3rem;
|
||||
vertical-align: middle;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(30);
|
||||
height: px2rem(30);
|
||||
width: 0.33rem;
|
||||
height: 0.33rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<body>
|
||||
<!-- pc端 -->
|
||||
<div class="container pc">
|
||||
<div class="pc-bg">
|
||||
<div class="pc-bg" style="display: none;">
|
||||
<!-- <img src="./images/homePc.png" alt=""> -->
|
||||
<div class="homePc">
|
||||
<div class="diamound">
|
||||
|
||||
@@ -79,6 +79,7 @@ function getConfig () {
|
||||
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5And.png');
|
||||
}
|
||||
$('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
|
||||
$('.pc-bg').show();
|
||||
hideLoading(layerIndex)
|
||||
animatedImplementFun(0);
|
||||
},
|
||||
@@ -176,8 +177,8 @@ function animatedFun (dom, arrClass) {
|
||||
});
|
||||
}
|
||||
// pc跳轉充值
|
||||
$('body .pc .header .diamound, html .pc .header .diamound').click(function () {
|
||||
window.location = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
|
||||
$('body .pc .header .diamound, html .pc .header .diamound,body .homePc .diamound, html .homePc .diamound').click(function () {
|
||||
window.location = 'https://api.pekolive.com/peko/modules/payPc/index.html?channelType=4'
|
||||
})
|
||||
// PC蘋果下載按鈕
|
||||
$('html .pc .pcIos').click(function () {
|
||||
|
||||
@@ -11,79 +11,80 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="box">
|
||||
<div class="left">
|
||||
<img src="./images/logo.png" alt="" class="logo">
|
||||
<b>Piko儲值中心</b>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="./images/ddianicon.png" alt="" class="didianIcon">
|
||||
<i>台湾</i>
|
||||
<img src="./images/moreIcon.png" alt="" class="moreIcon">
|
||||
<div class="box_box" style="display: none;">
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="box">
|
||||
<div class="left">
|
||||
<img src="./images/logo.png" alt="" class="logo">
|
||||
<b>Piko儲值中心</b>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img src="./images/ddianicon.png" alt="" class="didianIcon">
|
||||
<i>台湾</i>
|
||||
<img src="./images/moreIcon.png" alt="" class="moreIcon">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 绑定输入框 -->
|
||||
<div class="bindingBox">
|
||||
<div class="binding">
|
||||
<input type="number" placeholder="請輸入要儲值的Piko ID">
|
||||
<div class="but">確定</div>
|
||||
<!-- 绑定输入框 -->
|
||||
<div class="bindingBox">
|
||||
<div class="binding">
|
||||
<input type="number" placeholder="請輸入要儲值的Piko ID">
|
||||
<div class="but">確定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 绑定完成后用户信息 -->
|
||||
<div class="userinfo" style="display: none;">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">昵称</div>
|
||||
<div class="id">Piko ID: 123456</div>
|
||||
<div class="but">切換ID</div>
|
||||
</div>
|
||||
<!-- tab -->
|
||||
<div class="tab tab1">
|
||||
<div class="active">
|
||||
在線儲值
|
||||
<span></span>
|
||||
<!-- 绑定完成后用户信息 -->
|
||||
<div class="userinfo" style="display: none;">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">昵称</div>
|
||||
<div class="id">Piko ID: 123456</div>
|
||||
<div class="but">切換ID</div>
|
||||
</div>
|
||||
<div class="tabs">
|
||||
官方代儲
|
||||
<span></span>
|
||||
<i>推薦</i>
|
||||
<!-- tab -->
|
||||
<div class="tab tab1">
|
||||
<div class="active">
|
||||
在線儲值
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="tabs">
|
||||
官方代儲
|
||||
<span></span>
|
||||
<i>推薦</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 充值页面 -->
|
||||
<div class="page1">
|
||||
<h3>儲值方式</h3>
|
||||
<div class="way">
|
||||
<!-- <div class="">
|
||||
<!-- 充值页面 -->
|
||||
<div class="page1">
|
||||
<h3>儲值方式</h3>
|
||||
<div class="way">
|
||||
<!-- <div class="">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<p>Gash點數卡</p>
|
||||
<span>推薦</span>
|
||||
</div> -->
|
||||
</div>
|
||||
<h3>儲值金額</h3>
|
||||
<div class="position">
|
||||
<!-- <div class="">
|
||||
</div>
|
||||
<h3>儲值金額</h3>
|
||||
<div class="position">
|
||||
<!-- <div class="">
|
||||
<p><img src="./images/gold.png" alt="">0</p>
|
||||
<span>TWD 0</span>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="payButBox">
|
||||
<!-- 确认充值 -->
|
||||
<div class="payBut">確認儲值</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="payButBox">
|
||||
<!-- 确认充值 -->
|
||||
<div class="payBut">確認儲值</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 代充页面 -->
|
||||
<div class="page2">
|
||||
<div class="rule">
|
||||
<p>官方代儲說明：</p>
|
||||
<p>若您有各種儲值需求，可以使用官方代儲服務，點擊聯系可直接前往Piko App咨詢相應代儲（如點擊聯系無效果，可復製代儲Piko
|
||||
ID進入App後搜索相應代儲並聯系），官方代儲在收到款項後，會直接對您的賬戶進行鉆石儲值</p>
|
||||
</div>
|
||||
<h3>平臺簽約代儲</h3>
|
||||
<!-- 代充列表 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<!-- 代充页面 -->
|
||||
<div class="page2">
|
||||
<div class="rule">
|
||||
<p>官方代儲說明：</p>
|
||||
<p>若您有各種儲值需求，可以使用官方代儲服務，點擊聯系可直接前往Piko App咨詢相應代儲（如點擊聯系無效果，可復製代儲Piko
|
||||
ID進入App後搜索相應代儲並聯系），官方代儲在收到款項後，會直接對您的賬戶進行鉆石儲值</p>
|
||||
</div>
|
||||
<h3>平臺簽約代儲</h3>
|
||||
<!-- 代充列表 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="left">
|
||||
<div class="name">
|
||||
<b>名称</b>
|
||||
@@ -94,71 +95,72 @@
|
||||
<div class="but">聯系</div>
|
||||
<div class="copy">復製ID</div>
|
||||
</li> -->
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>該地區暫無簽約代儲</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 充值说明 -->
|
||||
<div class="rule">
|
||||
<p><img src="./images/trueIcon.png" alt="" class="">已閱讀並同意<a
|
||||
href="../rule/rechargeAgreement.html">《用戶充值協議》</a>以及<a href="../rule/privacy-wap.html">《隱私政策》</a>
|
||||
</p>
|
||||
<p>如有疑問，請聯系官方客服</p>
|
||||
<p>客服WeChat:sd245376</p>
|
||||
<p>客服Line:pekoyuyin</p>
|
||||
</div>
|
||||
<!-- 选择地区弹窗 -->
|
||||
<div class="area">
|
||||
<div class="area_in">
|
||||
<h3>請選擇储值地区</h3>
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>該地區暫無簽約代儲</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 绑定信息失败弹窗 -->
|
||||
<div class="userNull">
|
||||
<div class="userNull_in">
|
||||
<p>用戶ID有誤，請更換ID後重試</p>
|
||||
<div class="but">確認</div>
|
||||
<!-- 充值说明 -->
|
||||
<div class="rule">
|
||||
<p><img src="./images/trueIcon.png" alt="" class="">已閱讀並同意<a
|
||||
href="../rule/rechargeAgreement.html">《用戶充值協議》</a>以及<a href="../rule/privacy-wap.html">《隱私政策》</a>
|
||||
</p>
|
||||
<p>如有疑問，請聯系官方客服</p>
|
||||
<p>客服WeChat:sd245376</p>
|
||||
<p>客服Line:pekoyuyin</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认充值对象弹窗弹窗 -->
|
||||
<div class="sure">
|
||||
<div class="sure_in">
|
||||
<h3>請確認儲值對象</h3>
|
||||
<img src="./images/logo.png" alt="">
|
||||
<p>昵稱我是昵稱</p>
|
||||
<b>Piko ID：123456</b>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 信息弹窗提示 -->
|
||||
<div class="toastMasge">
|
||||
<div class="toastMasge_in">
|
||||
<p>请打开PikoApp，并搜索该用户</p>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 首次选择弹窗 -->
|
||||
<div class="selectAddress">
|
||||
<div class="selectAddress_in">
|
||||
<div class="title">請確認儲值地區</div>
|
||||
<div class="selectAddressList">
|
||||
<img src="./images/more_icon.png" alt="">
|
||||
<!-- 选择地区弹窗 -->
|
||||
<div class="area">
|
||||
<div class="area_in">
|
||||
<h3>請選擇储值地区</h3>
|
||||
</div>
|
||||
<div class="list_in">
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
</div>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 引导图 -->
|
||||
<div class="guidd">
|
||||
<img src="./images/guide.png" alt="">
|
||||
<!-- 绑定信息失败弹窗 -->
|
||||
<div class="userNull">
|
||||
<div class="userNull_in">
|
||||
<p>用戶ID有誤，請更換ID後重試</p>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 二次确认充值对象弹窗弹窗 -->
|
||||
<div class="sure">
|
||||
<div class="sure_in">
|
||||
<h3>請確認儲值對象</h3>
|
||||
<img src="./images/logo.png" alt="">
|
||||
<p>昵稱我是昵稱</p>
|
||||
<b>Piko ID：123456</b>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 信息弹窗提示 -->
|
||||
<div class="toastMasge">
|
||||
<div class="toastMasge_in">
|
||||
<p>请打开PikoApp，并搜索该用户</p>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 首次选择弹窗 -->
|
||||
<div class="selectAddress">
|
||||
<div class="selectAddress_in">
|
||||
<div class="title">請確認儲值地區</div>
|
||||
<div class="selectAddressList">
|
||||
<img src="./images/more_icon.png" alt="">
|
||||
</div>
|
||||
<div class="list_in">
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
<p>台湾</p>
|
||||
</div>
|
||||
<div class="but">確認</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 引导图 -->
|
||||
<div class="guidd">
|
||||
<img src="./images/guide.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -53,6 +53,7 @@ $(function () {
|
||||
}
|
||||
channelType = getUrl.channelType;
|
||||
getArea();
|
||||
$('.box_box').show()
|
||||
}, 100)
|
||||
})
|
||||
// 请求地区列表
|
||||
|
||||
Reference in New Issue
Block a user