- buy.html/css/js:实时拉取授权系统当前在售商品 → 选商品 → 选支付方式 → 下单 - background.js:新增 getCardTypes / authCreateOrder / authQueryOrder 三个消息与实现 - 支付成功自动发卡并激活本机;新增 alarms 权限做后台订单轮询(关页仍完成),12 小时未完成自动停 - sidepanel.js:licBuy 从跳 https://auth.88531.cn 改为打开内置 buy.html(不改服务端) - manifest 1.9.0 → 1.10.0 + alarms 权限 - CHANGELOG/README 同步:新增条目、文件结构、内置购买页说明、Gitea 源
49 lines
2.0 KiB
HTML
49 lines
2.0 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>
|
|
</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>
|