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
+3 -2
View File
@@ -24,8 +24,9 @@ export function AppCard({ item, onOpen }: AppCardProps) {
}}
>
<Avatar
size="md"
shape="square"
size="lg"
tone="primary"
className="app-card-avatar"
src={item.cover}
fallback={item.icon}
verified={item.hot === true}
+1 -2
View File
@@ -27,9 +27,8 @@ export function CesCard({ item, onOpen }: CesCardProps) {
<Cover
src={item.cover}
alt={item.title}
ratio="article"
ratio={16 / 10}
radius="none"
hoverZoom
onClick={onOpen === undefined ? undefined : () => onOpen(item.id)}
/>
{onOpen === undefined ? (
@@ -21,7 +21,7 @@ export function SectionCard({ title, count, barColor, onMore, children }: Sectio
<div className="section-header">
<Space gap="sm">
<span className="section-bar" style={{ backgroundColor: barColor }} aria-hidden="true" />
<Title level={3} as="h2">
<Title level={3} as="h2" weight="semibold">
{title}
</Title>
<Badge count={count} tone="danger" />
@@ -30,6 +30,7 @@ export function SectionCard({ title, count, barColor, onMore, children }: Sectio
{onMore !== undefined && (
<IconButton
size="xs"
className="section-more"
label={`查看${title}全部`}
icon={<Icon name="more_1_line" />}
onClick={onMore}