173 lines
6.2 KiB
HTML
173 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<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>充值</title>
|
||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||
<link rel="stylesheet" href="./css/index.css?v=1.0">
|
||
</head>
|
||
|
||
<body>
|
||
<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 class="bindingBox">
|
||
<div class="binding">
|
||
<input type="number" placeholder="請輸入要儲值的Piko ID">
|
||
<div class="but">確定</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>
|
||
<div class="tabs">
|
||
官方代儲
|
||
<span></span>
|
||
<i>推薦</i>
|
||
</div>
|
||
</div>
|
||
<!-- 充值页面 -->
|
||
<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="">
|
||
<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="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>
|
||
<span><i></i>在线</span>
|
||
</div>
|
||
<div class="id">Piko ID：123456</div>
|
||
</div>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<!-- 绑定信息失败弹窗 -->
|
||
<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>
|
||
|
||
</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="./js/index.js?v=1.0"></script> |