Repository navigation
v0.5.0 · 浏览密度与卡片视觉层次
浏览密度
目录改为渐进加载:首屏 12 张卡片,按「再看 12 个」追加,加载完自动隐藏入口。
实测手机端整页高度 44323px → 8984px。此前 91 张卡片单列铺开,用户只是「看看有哪些工具」,却要滚过 4 万像素。
- 筛选、切换分类、清空条件会重置分页,避免残留上一页浏览位置
- 入场动画只在首屏播一次,翻页与筛选不再重播整块卡片
- 「最近收录」不再六张卡片都写「维护者收录」,改为显示该工具的实际用途;有社区推荐者时仍单独标注
视觉层次
- 前三名名次改为实心品牌蓝标记,榜单的实质信号一眼可见
- 卡片指标区去掉内嵌灰底圆角框,改用细分隔线——此前是卡片里再套盒子,91 张并排形成灰色噪点,是「看起来平」的主因
- 卡片悬停与键盘焦点显示顶部蓝线,位置固定不挤压内容
- 分区标题加细分隔线,把长页切成可扫读的段落
- 手机端首屏收紧:标题降一档、留白减半
核验入口
「收录与核验」改为只在存在真实核验记录时出现。91 个工具里只有 1 个有核验记录,此前 90 张卡片都在重复「范围待补充」——不新增信息,还把「本站没核验」放大成主视觉。
待补状态仍由工具详情如实说明,卡片继续禁止出现「已核验 / 已验证 / 实测通过」等表述。这是把证据留在详情、把扫描面留给比较。
验收:pnpm build 通过(194 个本地化页面校验),40 项行为与安全回归测试通过,手机端零横向溢出,「加载更多」触控高度 44px。
商标与图标归各权利人所有,本站为独立社区项目,不代表任何厂商背书。