fix: normalize client billing presentation
This commit is contained in:
@@ -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状态 | 两端均按已连接、已断开、未开通显示 |
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user