style(ui): 恢复积分统计颜色,调整充值按钮布局

- 剩余积分恢复绿色,今日消耗恢复红色
- 充值按钮改为小尺寸,放在卡片右侧
This commit is contained in:
小鱼开发
2026-05-16 09:55:01 +08:00
parent c1d3731789
commit 7491c13d25
+6 -6
View File
@@ -209,8 +209,8 @@ export default function Profile() {
<div style={{ height: 1, background: 'var(--border-light)', margin: '0 28px' }} />
{/* 积分统计卡片 */}
<div style={{ padding: '24px 28px' }}>
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '16px' }}>
<div style={{ display: 'flex', alignItems: 'flex-end', gap: '16px', padding: '24px 28px' }}>
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '16px', flex: 1 }}>
{/* 剩余积分 */}
<div
style={{
@@ -224,7 +224,7 @@ export default function Profile() {
</div>
<div style={{ display: 'flex', alignItems: 'baseline', gap: '6px' }}>
<span style={{ fontSize: '36px', fontWeight: 700, color: 'var(--text-primary)', lineHeight: 1 }}>
<span style={{ fontSize: '36px', fontWeight: 700, color: '#36b26a', lineHeight: 1 }}>
{balance?.balance ?? 0}
</span>
<span style={{ fontSize: 'var(--font-sm)', color: 'var(--text-tertiary)' }}></span>
@@ -244,7 +244,7 @@ export default function Profile() {
</div>
<div style={{ display: 'flex', alignItems: 'baseline', gap: '6px' }}>
<span style={{ fontSize: '36px', fontWeight: 700, color: 'var(--text-primary)', lineHeight: 1 }}>
<span style={{ fontSize: '36px', fontWeight: 700, color: '#ff6b6b', lineHeight: 1 }}>
{todayConsumed}
</span>
<span style={{ fontSize: 'var(--font-sm)', color: 'var(--text-tertiary)' }}></span>
@@ -254,8 +254,8 @@ export default function Profile() {
{/* 充值按钮 */}
<button
className="btn btn-primary"
style={{ width: '100%', marginTop: '16px', padding: '12px', fontSize: 'var(--font-base)' }}
className="btn btn-primary btn-sm"
style={{ padding: '10px 24px', fontSize: 'var(--font-sm)', whiteSpace: 'nowrap' }}
onClick={() => setShowRechargeModal(true)}
>
线