fix: normalize client billing presentation

This commit is contained in:
hectorzhao
2026-08-28 09:37:59 +08:00
parent 088d7aaacb
commit 5bd347e010
3 changed files with 21 additions and 5 deletions
+1 -1
View File
@@ -4942,7 +4942,7 @@ npm run verify:phase8
| 用例ID | 场景 | 预期 |
| --- | --- | --- |
| TC-UI-REVIEW-001 | 查看客户端登录、首页和账户余额 | 登录页存在“返回官网”;金额为普通大号黑字;客户端右上角无待审核任务按钮 |
| TC-UI-REVIEW-001 | 查看客户端登录、首页和账户余额 | 登录页存在“返回官网”;金额为继承系统字体、常规字重的普通大号黑字;账户余额页顶部仅显示左侧图标和“账户余额”标题,不再显示“账户”眉题;客户端右上角无待审核任务按钮 |
| TC-UI-REVIEW-002 | 首次打开批量任务、发送详情和上行短信 | 三个日期区间均为北京时间近7天(含当天) |
| TC-UI-REVIEW-003 | 查看不同状态的短信发送记录和回执 | 用户态状态为中文;未知协议值显示“状态未知” |
| TC-UI-REVIEW-004 | 对比两端同一应用的CMPP状态 | 两端均按已连接、已断开、未开通显示 |
+5 -4
View File
@@ -34,17 +34,18 @@ export function ClientBillingPage() {
return (
<section className="page-stack client-billing-page">
<div className="page-heading">
<div><p className="eyebrow"></p><h1></h1></div>
<div className="sms-send-title">
<span className="sms-send-title__icon"><WalletCards size={22} /></span>
<h1></h1>
</div>
<div className="dashboard-grid enterprise-summary-grid">
<div className="surface mini-status-card">
<WalletCards size={22} />
<div><span></span><strong className="client-amount-value"><MoneyText>¥{formatCents(balanceCents)}</MoneyText></strong><small></small></div>
<div><span></span><strong className="client-billing-amount">¥{formatCents(balanceCents)}</strong><small></small></div>
</div>
<div className="surface mini-status-card">
<WalletCards size={22} />
<div><span></span><strong className="client-amount-value"><MoneyText>¥{formatCents(balanceCents + creditCents)}</MoneyText></strong><small> 0 </small></div>
<div><span></span><strong className="client-billing-amount">¥{formatCents(balanceCents + creditCents)}</strong><small> 0 </small></div>
</div>
</div>
<div className="surface section-stack">
+15
View File
@@ -599,6 +599,21 @@
font-size: 28px !important;
}
.client-billing-page .client-billing-amount {
background: none;
color: var(--color-text-strong);
font-family: inherit;
font-size: 32px;
font-style: normal;
font-variant-numeric: normal;
font-weight: var(--font-weight-regular);
letter-spacing: normal;
line-height: 1.25;
text-shadow: none;
-webkit-background-clip: border-box;
-webkit-text-fill-color: currentColor;
}
.send-submit-hint {
color: var(--color-text-muted);
font-size: var(--font-size-sm);