feat: 支付成功页直接显示卡密(激活失败也显示+手动指引)v1.8.4
购买页轮询到服务端发卡即渲染卡密框:等宽大字 + 一键复制(clipboard API + execCommand 降级)。自动激活成功显示「已自动激活本机」;失败显示「自动激活未生效」并指引粘贴卡密到侧边栏手动激活——付了钱拿不到卡密、只能找客服的情况不再出现。
This commit is contained in:
1 parent
98170e6d8a
commit
5be9027fe7
8 files changed
+128
-22
No files matched your search
@@ -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;
|
||||
}
|
||||
Reference in new issue
Block a user