fix(web): 视觉与交互 1:1(页头/侧栏/卡片/详情/动效)

对齐项(8080 vs 8081 实测,误差 ≤1px):
- 侧栏:资料卡 224、服务面板 144、导航 143,navTop 548 与原版一致
- 分区卡:142/142/327/270 vs 142/142/326/269;标题 16/1.2、更多按钮 24px
- 应用条目:48px 圆形头像 + 10px 小认证标;hover 名字变主色(不再整行变色)
- 封面:hover 上浮 2px(0.2s ease),去掉缩放;CES 封面恢复 16/10
- 搜索框:44 高、无边框 + 卡片阴影
- 服务面板:状态药丸 22、统计 12/18、操作按钮 28、刷新时图标原地旋转
- 详情:返回链接 hover 下划线、跳转按钮 hover 深主色、view-in 淡入动画
- 菜单:hover 主色、子菜单 0.28s grid 高度动画、chevron 6px 旋转
- 回到顶部:right 30、top 50%、滚动后淡入(补内容区滚动监听)
- 主题:卡片阴影恢复 2%/6%(旧版值)
This commit is contained in:
stash
2026-10-28 20:16:41 +08:00
parent 6b0c0a62e9
commit 1942e201e9
9 changed files with 181 additions and 33 deletions
@@ -9,18 +9,20 @@ export function ProfileCard() {
const { name, role, bio, location } = PLACEHOLDER_PROFILE
return (
<Card padding="lg" className="profile-card">
<Card padding="none" className="profile-card">
<Avatar size="xl" tone="primary" icon={<Icon name="user_3_line" />} verified />
<Title level={3}>{name}</Title>
<Text size="xs" tone="muted">
{role}
</Text>
<Title level={4} weight="semibold" className="profile-name">
{name}
</Title>
<span className="profile-role">{role}</span>
<Text size="xs" tone="sub" className="profile-bio">
{bio}
</Text>
<Text size="xs" tone="muted">
IP 属地:{location}
</Text>
<span className="profile-location">IP属地:{location}</span>
</Card>
)
}