feat: 个人中心账户摘要区重构、主题色调对齐电商
【账户摘要区重构】 - 新增 profile-page__account-summary 双列网格布局(主信息 + 右侧指标) - 主信息区(account-summary-main):显示账号名/任务概览 - 指标区(account-summary-metric):品牌绿色数字展示积分/完成数,左侧分隔线 - 任务概览改为"X 个任务"更自然的表达方式 - 替代旧 upload-card--meta/meta-item 类名体系 【主题色调对齐】 - 个人中心页面背景、侧边栏、卡片统一为电商同款平坦暗色 - 移除 box-shadow 深度阴影,使用 var(--bg-panel)/var(--bg-inset) Token - Tab 切换按钮透明背景,选中态品牌绿边框+浅绿背景 - 统计卡片/简介/Bio/媒体预览卡片统一边框与背景色 - 媒体徽章、分享按钮、头像环去除阴影
This commit is contained in:
@@ -774,25 +774,25 @@ function ProfilePage({
|
||||
任务 {tasks.length}
|
||||
</button>
|
||||
</div>
|
||||
<div className="profile-page__upload-card profile-page__upload-card--meta">
|
||||
<div className="profile-page__account-summary">
|
||||
{accountPanel === "credits" ? (
|
||||
<>
|
||||
<span className="profile-page__meta-item">
|
||||
<span className="profile-page__account-summary-main">
|
||||
<small>当前账号</small>
|
||||
<strong>{displayName}</strong>
|
||||
</span>
|
||||
<span className="profile-page__meta-item">
|
||||
<span className="profile-page__account-summary-metric">
|
||||
<small>积分剩余</small>
|
||||
<strong>{(usage.balanceCents / 100).toFixed(2)}</strong>
|
||||
</span>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<span className="profile-page__meta-item">
|
||||
<small>任务总数</small>
|
||||
<strong>{tasks.length}</strong>
|
||||
<span className="profile-page__account-summary-main">
|
||||
<small>任务概览</small>
|
||||
<strong>{tasks.length} 个任务</strong>
|
||||
</span>
|
||||
<span className="profile-page__meta-item">
|
||||
<span className="profile-page__account-summary-metric">
|
||||
<small>已完成</small>
|
||||
<strong>{completedTasks.length}</strong>
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user