jinghui
32f48613c4
- 订单状态区新增「你的卡密」展示区，拿到 card_key 立刻显示（不等激活结果） - 自动激活失败时给出手动激活路径（卡密+侧边栏步骤+订单号） - paid 但无卡密时显示发卡进度，90s 后提示权益不丢失可凭订单号补发 - 卡密一键复制（clipboard API → execCommand 降级）
58 lines
2.6 KiB
HTML
58 lines
2.6 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="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>
|