feat: 支付成功页直接显示卡密(激活失败也显示+手动指引)v1.8.4

购买页轮询到服务端发卡即渲染卡密框:等宽大字 + 一键复制(clipboard API + execCommand 降级)。自动激活成功显示「已自动激活本机」;失败显示「自动激活未生效」并指引粘贴卡密到侧边栏手动激活——付了钱拿不到卡密、只能找客服的情况不再出现。
This commit is contained in:
personal82555 committed 2026-10-20 22:17:52 +08:00
1 parent 98170e6d8a
commit 5be9027fe7
8 files changed
+128 -22

No files matched your search

+64
View File
@@ -254,3 +254,67 @@ h2 {
color: #ff2442;
text-decoration: none;
}
/* 支付成功卡密展示区:无论自动激活成功与否都显示,用户可随时复制 */
.card-box {
margin-top: 14px;
border: 2px dashed #ff2442;
border-radius: 8px;
padding: 14px;
background: #fff5f6;
}
.card-label {
font-size: 13px;
color: #666;
margin-bottom: 8px;
}
.card-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.card-key {
flex: 1;
min-width: 240px;
font-family: Consolas, 'Courier New', monospace;
font-size: 16px;
font-weight: 700;
color: #1a1a1a;
background: #fff;
border: 1px solid #f0c0c6;
border-radius: 6px;
padding: 10px 12px;
user-select: all;
word-break: break-all;
}
.copy-btn {
padding: 10px 18px;
border: none;
border-radius: 6px;
background: #ff2442;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
}
.copy-btn:hover {
background: #e01f3a;
}
.card-hint {
margin-top: 8px;
font-size: 12px;
color: #999;
}
.ok-line.warn {
color: #c62828;
font-weight: 600;
}