personal82555
5be9027fe7
购买页轮询到服务端发卡即渲染卡密框：等宽大字 + 一键复制（clipboard API + execCommand 降级）。自动激活成功显示「已自动激活本机」；失败显示「自动激活未生效」并指引粘贴卡密到侧边栏手动激活——付了钱拿不到卡密、只能找客服的情况不再出现。
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>购买授权 · 小红书自动评论助手</title>
|
|
<link rel="stylesheet" href="buy.css">
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header class="head">
|
|
<div class="logo">小红书自动评论助手</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>
|
|
</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="card-label">您的卡密（请保存好，可用于换机 / 手动激活）</div>
|
|
<div class="card-row">
|
|
<code id="card-key" class="card-key">…</code>
|
|
<button id="copy-card" class="copy-btn">复制卡密</button>
|
|
</div>
|
|
<div class="card-hint" id="card-hint"></div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="foot">
|
|
<p>官网 <a href="https://dl.88531.cn/xhs.html" target="_blank" rel="noopener">dl.88531.cn/xhs.html</a> · 客服QQ 1556688283 · <a href="https://t.me/+7YVPMu9EOChkYmM1" target="_blank" rel="noopener">Telegram 交流群</a></p>
|
|
<p class="muted">支付成功后无需手动输入卡密，系统自动发卡并激活本机。</p>
|
|
</footer>
|
|
</div>
|
|
<script src="buy.js"></script>
|
|
</body>
|
|
</html>
|