70 lines
3.3 KiB
HTML
70 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>选择当前商品 · B站评论助手</title>
|
|
<link rel="stylesheet" href="buy.css">
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header class="head">
|
|
<div class="logo">B站评论助手</div>
|
|
<h1>选择当前商品</h1>
|
|
<p class="flow">① 选择套餐 → ② 选择支付方式 → ③ 完成支付（支付成功自动激活本机）</p>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="step-package">
|
|
<h2><span class="num">1</span> 当前在售商品</h2>
|
|
<div id="package-list" class="package-list"></div>
|
|
<p class="tip">套餐由授权系统实时拉取，显示的就是当前在售的商品。</p>
|
|
</section>
|
|
|
|
<section id="step-pay" hidden>
|
|
<h2><span class="num">2</span> 选择支付方式</h2>
|
|
<p class="chosen" id="chosen-package"></p>
|
|
<div class="pay-methods">
|
|
<button class="pay-btn alipay" data-pay="alipay">支付宝</button>
|
|
<button class="pay-btn wxpay" data-pay="wxpay">微信支付</button>
|
|
</div>
|
|
<p class="tip">点击后会打开支付页面，付款完成回到本页会自动显示激活结果。</p>
|
|
</section>
|
|
|
|
<section id="order-panel" hidden>
|
|
<h2><span class="num">3</span> 订单状态</h2>
|
|
<div id="order-status" class="order-status">等待创建订单…</div>
|
|
<div id="pay-help" class="pay-help" hidden>
|
|
<div class="ph-title">付款后这里一直没动静？</div>
|
|
<ul class="ph-list">
|
|
<li>付款通知一般<b>几秒到 1 分钟</b>内自动到达，到达后会自动显示卡密，<b>请不要重复付款</b>。</li>
|
|
<li>本页订单 <b>15 分钟</b>内有效；扫<b>过期二维码</b>或其他订单的码会付不上，需要重新下单拿新码。</li>
|
|
</ul>
|
|
<div class="ph-btns">
|
|
<button type="button" id="ph-refresh" class="ph-btn">🔁 立即刷新核对</button>
|
|
<button type="button" id="ph-renew" class="ph-btn ghost">🔄 重新下单（换新二维码）</button>
|
|
</div>
|
|
<p class="ph-tip" id="ph-tip"></p>
|
|
</div>
|
|
<div id="card-box" class="card-box" hidden>
|
|
<div class="cb-title"><span class="cb-dot"></span>你的卡密</div>
|
|
<div class="cb-key"><code id="cb-key-text"></code></div>
|
|
<div class="cb-row">
|
|
<button type="button" id="cb-copy" class="cb-copy">复制卡密</button>
|
|
<span id="cb-copy-tip" class="cb-tip"></span>
|
|
</div>
|
|
<p class="cb-hint" id="cb-hint">万一自动激活没成功：回到插件侧边栏，在卡密输入框粘贴并点「粘贴卡密并激活」即可，不影响你的权益。</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="foot">
|
|
<p>官网 <a href="https://dl.88531.cn/bili.html" target="_blank" rel="noopener">dl.88531.cn/bili.html</a> · 开源仓库 <a href="https://github.com/personal82555/bili-auto-comment" target="_blank" rel="noopener">GitHub</a> · <a href="https://t.me/+7YVPMu9EOChkYmM1" target="_blank" rel="noopener">Telegram 交流群</a></p>
|
|
<p class="muted">支付成功后无需手动输入卡密，系统自动发卡并激活本机。</p>
|
|
<p class="muted">试用期内 3 天 / 30 条评论，下载视频始终免费。</p>
|
|
</footer>
|
|
</div>
|
|
<script src="buy.js"></script>
|
|
</body>
|
|
</html>
|