v1.10.1: 支付成功即显示卡密 + 已支付未发卡的明确状态
- 订单状态区新增「你的卡密」展示区,拿到 card_key 立刻显示(不等激活结果) - 自动激活失败时给出手动激活路径(卡密+侧边栏步骤+订单号) - paid 但无卡密时显示发卡进度,90s 后提示权益不丢失可凭订单号补发 - 卡密一键复制(clipboard API → execCommand 降级)
This commit is contained in:
1 parent
ec8bfda853
commit
32f48613c4
5 files changed
+149
-4
No files matched your search
@@ -126,6 +126,76 @@ h2 {
|
||||
.order-status.error { color: #c62828; background: #fdecea; }
|
||||
.order-status.success { color: #1b5e20; background: #eef7ee; }
|
||||
|
||||
/* 卡密展示区:支付成功后必须让用户亲眼看到卡密 */
|
||||
.card-box {
|
||||
margin-top: 14px;
|
||||
border: 2px dashed #00a1d6;
|
||||
border-radius: 10px;
|
||||
background: #f2fbff;
|
||||
padding: 16px 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.cb-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #0089ba;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.cb-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #00a1d6;
|
||||
flex: none;
|
||||
box-shadow: 0 0 0 4px rgba(0, 161, 214, 0.18);
|
||||
}
|
||||
|
||||
.cb-key {
|
||||
background: #fff;
|
||||
border: 1px solid #cdeaf7;
|
||||
border-radius: 8px;
|
||||
padding: 14px 12px;
|
||||
text-align: center;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.cb-key code {
|
||||
font-family: "SF Mono", Consolas, "Courier New", monospace;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
color: #111;
|
||||
user-select: all;
|
||||
}
|
||||
|
||||
.cb-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
|
||||
|
||||
.cb-copy {
|
||||
padding: 9px 22px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background: #00a1d6;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition: background 0.18s ease;
|
||||
}
|
||||
|
||||
.cb-copy:hover { background: #0089ba; }
|
||||
.cb-tip { font-size: 12px; color: #0089ba; }
|
||||
|
||||
.cb-hint {
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
color: #7a7f86;
|
||||
}
|
||||
|
||||
.ok-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
|
||||
.ok-line { font-size: 13px; margin-bottom: 4px; }
|
||||
.ok-line b { color: #1b5e20; }
|
||||
|
||||
Reference in new issue
Block a user