165 lines
8.5 KiB
HTML
165 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Recharge Page</title>
|
|
<link href="/css/modules.fdcec670.css" rel="stylesheet"/>
|
|
<link rel="stylesheet" href="/css/styles.css"/>
|
|
<link rel="stylesheet" href="/css/customAlert.css"/>
|
|
<link rel="preload" href="/js/index.js" as="script">
|
|
<script src="/js/index.js"></script>
|
|
<script src="/js/customAlert.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Recharge</h1>
|
|
<div class="tips">
|
|
<p>Kind Reminder:</p>
|
|
<ol>
|
|
<li>Currently, only USDT deposits are supported, and balances can be withdrawn. Other deposit methods are
|
|
under development. Please stay tuned for announcements regarding their release.
|
|
</li>
|
|
<li>The deposit amount will be credited within 1 minute after payment. If it does not arrive within 5
|
|
minutes, please contact customer support and provide your U address, deposit screenshot, transaction ID,
|
|
and account name.
|
|
</li>
|
|
<li>The actual amount credited for USDT deposits must match the amount displayed on the USDT deposit payment
|
|
page; otherwise, the deposit will not be credited. Please be informed.
|
|
</li>
|
|
</ol>
|
|
<div class="special-notice">
|
|
<strong>Special Notice:</strong> Please ensure the recipient address is correct when making a transfer!
|
|
</div>
|
|
</div>
|
|
<form>
|
|
<div class="form-group">
|
|
<label>Payment method:</label>
|
|
<div class="el-form-item el-form-item--default" data-v-0f66bda2="">
|
|
<div class="el-form-item__content">
|
|
<i class="el-icon"
|
|
data-v-0f66bda2=""
|
|
style="font-size: 30px">
|
|
<svg
|
|
t="1693061019040"
|
|
class="icon"
|
|
viewBox="0 0 1024 1024"
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
p-id="4072"
|
|
width="200"
|
|
height="200"
|
|
data-v-0f66bda2="">
|
|
<path
|
|
d="M1023.082985 511.821692c0 281.370746-228.08199 509.452736-509.452736 509.452736-281.360557 0-509.452736-228.08199-509.452737-509.452736 0-281.365652 228.092179-509.452736 509.452737-509.452737 281.370746 0 509.452736 228.087085 509.452736 509.452737"
|
|
fill="#1BA27A"
|
|
p-id="4073"></path>
|
|
<path
|
|
d="M752.731701 259.265592h-482.400796v116.460896h182.969951v171.176119h116.460895v-171.176119h182.96995z"
|
|
fill="#FFFFFF"
|
|
p-id="4074"></path>
|
|
<path
|
|
d="M512.636816 565.13592c-151.358408 0-274.070289-23.954468-274.070289-53.50782 0-29.548259 122.706786-53.507821 274.070289-53.507821 151.358408 0 274.065194 23.959562 274.065194 53.507821 0 29.553353-122.706786 53.507821-274.065194 53.50782m307.734925-44.587303c0-38.107065-137.776398-68.995184-307.734925-68.995184-169.953433 0-307.74002 30.888119-307.74002 68.995184 0 33.557652 106.837333 61.516418 248.409154 67.711363v245.729433h116.450707v-245.632637c142.66205-6.001353 250.615085-34.077294 250.615084-67.808159"
|
|
fill="#FFFFFF"
|
|
p-id="4075"></path>
|
|
</svg>
|
|
</i>
|
|
<div data-v-0f66bda2="" style="margin-left: 20px">
|
|
<div class="el-radio-group" role="radiogroup" aria-labelledby="el-id-7163-5" data-v-0f66bda2=""
|
|
id="el-id-7163-12">
|
|
<label class="el-radio is-bordered is-checked el-radio--default" data-v-0f66bda2="">
|
|
<span class="el-radio__input is-checked">
|
|
<input class="el-radio__original" name="el-id-7163-6" type="radio"
|
|
value="30"/>
|
|
<span class="el-radio__inner"></span>
|
|
</span>
|
|
<span class="el-radio__label">30USDT</span>
|
|
</label>
|
|
<label class="el-radio is-bordered el-radio--default" data-v-0f66bda2="">
|
|
<span class="el-radio__input">
|
|
<input class="el-radio__original" name="el-id-7163-6" type="radio"
|
|
value="90"/>
|
|
<span class="el-radio__inner"></span>
|
|
</span>
|
|
<span class="el-radio__label">90USDT</span>
|
|
</label>
|
|
<label class="el-radio is-bordered el-radio--default" data-v-0f66bda2="">
|
|
<span class="el-radio__input">
|
|
<input class="el-radio__original" name="el-id-7163-6" type="radio"
|
|
value="150"/>
|
|
<span class="el-radio__inner"></span>
|
|
</span>
|
|
<span class="el-radio__label">150USDT</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="amount">Amount:</label>
|
|
<input type="number" id="amount" value="30" min="30" step="any" tabindex="0" autocomplete="off"
|
|
style="width: 18%;"> (USDT)
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="nickname">Name:</label>
|
|
<input type="text" id="nickname" placeholder="Please enter your Nickname.">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="phone">Phone:</label>
|
|
<input type="text" id="phone" placeholder="Please enter your phone number.">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="email">Email:</label>
|
|
<input type="email" id="email" placeholder="Please enter your email.">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="wallet">Wallet address:</label>
|
|
<input type="text" id="wallet" placeholder="Enter your wallet address.">
|
|
</div>
|
|
<button type="button" onclick="handleSubmit()" id="createOrder" style="background-color: orange;">Gain Points Now!!!</button>
|
|
<button type="button" onclick="handleQuery()" style="margin-top: 1vh;">Query My Order</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="addressModal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2>Select a wallet address</h2>
|
|
</div>
|
|
<div class="modal-body" id="addressList"></div>
|
|
<div class="modal-footer">
|
|
<button id="closeAddress">Enter a new wallet address.</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="paymentModal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span id="closePayment" class="close-btn">×</span>
|
|
<div class="modal-body">
|
|
<h2>Payment Information</h2>
|
|
<div id="orderInfo"></div>
|
|
<img src="/img/wallet_QRCode_detail.png" alt="付款二维码" class="qr-code">
|
|
<div class="payment-address">Wallet address: TNrzRLi2ArZhiMx51zusBEHHh1qyB9Ldq2
|
|
<button onclick="copyText('TNrzRLi2ArZhiMx51zusBEHHh1qyB9Ldq2')" id="copyAddress"
|
|
style="all: unset; cursor: pointer; margin-left: 10px; background-color: #00bfff; color: #fff; border: none; padding: 5px 10px;border-radius: 3px;">
|
|
copy
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button id="completeBtn" style="width: 11vh">Paid</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="customAlert" class="custom-alert"></div>
|
|
<script>
|
|
function copyText(text) {
|
|
navigator.clipboard.writeText(text).then(() => {
|
|
document.getElementById('copyAddress').textContent = 'Copied';
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|