标签筛选器
足彩网竞彩看球前查分类标签，入口固定在每个列表页的顶部。四步之内把范围收干净。
-
01
先站到列表页上
打开首页、更新记录或任意一个二级栏目列表，标签条都在列表第一行的位置，不用先滚动去找。
-
02
认出三组标签各管什么
标签按赛事阶段、信息类型、更新频率分成三组，合计 186 个。同组内可以多选，跨组也可以叠加。
-
03
把两次点击叠成一个条件
例如先点一个赛事阶段，再点一个更新频率，两次选择取交集，列表会立刻收到同时满足的条目上。
-
04
回退成默认列表
逐个点掉已选标签，或按“全部”一次清空。筛选状态在浏览器返回后仍然保持，回上一页不用重新点一遍。
时间轴视图
横轴按周排开，当周的更新卡片挂在对应刻度上。大屏是它的主场，小屏有一套等价的替代走法。
-
01
把窗口拉到 1440px 以上
进入更新记录页，页面会自动切到刻度加卡片的混合布局：左侧是纵轴刻度，右侧是当周的具体条目。
-
02
按周看细节，按月看节奏
同一份数据提供两种刻度密度。切换时保留当前滚动位置，不回顶、不刷新页面。
-
03
手机上的等价走法
窄屏没有横向空间铺刻度，改用标签筛选条加单列列表：先在筛选条锁定范围，再顺着列表往下滑。
-
04
留意当前周的那一下变色
滚动到当前周时，刻度节点由草线绿转为竞彩信号橙，只标记一次；继续滚动不会反复闪动。
周归档
变更说明按周归档，一期一条记录。到今天为止已归档 262 期，最近 104 期保留在翻页范围里。
-
01
用期号定位，不用翻日期
每期归档带一个等宽字体的连续期号，旁边是更新时间戳。知道第几期，就能直接跳过去。
-
02
先翻最近 104 期
归档页把最近 104 期放在可直接翻页的范围内；更早的记录沿用同一套期号体系继续保留，只是不再列在首屏。
-
03
看清一期里写了什么
每期记录本周调整过的标签归属、栏目层级变动与列表结构变化，同时写清改动影响了哪一类条目。
-
04
和更新记录的分工
更新记录按时间铺开整理动态，周归档负责长期可查。两者共用同一套期号，编号不会互相对不上。
订阅提醒
入口固定在每篇内容末尾，不需要另找页面。摘要每周一次，频率固定，不临时加推。
-
01
读完一篇就能提交
每篇内容读到底部会看到订阅入口，位置全站一致。提交后按周接收摘要，不做开赛前的即时提醒。
-
02
摘要里有什么
一封摘要包含本周新增条目的数量与主要分类标签分布，不夹带推广内容。目前订阅用户 47,000 以上。
-
03
退订只需要一步
摘要信件里带退订入口，点一次就生效，不用联系客服。退订后不再收到后续摘要。
同一个动作，三种屏幕上怎么完成
下面三行覆盖最常做的三件事。每一行都可以点开或收起，展开后是三端的具体差异。
筛选列表 标签条位置与结果密度
- 移动端
- 标签条横向滚动，选中态用橙色描边；列表单列，一屏约 6 条。筛选状态在浏览器返回后保持。
- 平板
- 标签条单行铺开不用滑，列表排成两列，一屏约 8 条，适合快速扫标签名。
- 大屏
- 标签区与结果区左右并列，改条件时结果原地更新，视线不用上下跳。
回看一周 时间轴与列表的取舍
- 移动端
- 先在标签筛选条上锁定范围，再沿单列列表往下滑；找不到入口时翻帮助中心的栏目索引。
- 平板
- 刻度轴压缩成周刻度条，卡片单列显示，一屏大约覆盖四周，滑动以周为单位。
- 大屏
- 刻度加卡片的混合布局完整展开，可按周或按月切换密度，一屏覆盖的周数最多。
订阅与退订 入口位置与操作步数
- 移动端
- 每篇末尾的入口点开即可提交；退订在摘要信件里完成，一步生效。
- 平板
- 入口位置与移动端完全一致，摘要正文按阅读宽度自适应，不出现横向滚动。
- 大屏
- 同一入口，读完一整篇后原地提交即可，不需要跳转到其他页面。
键盘与低动效环境下怎么用
这四项工具在键盘操作和系统关闭动效时都能走完完整流程，功能不依赖鼠标或动画。
-
A
Tab 键可以依次走过胶囊导航、标签筛选条、时间轴上的卡片链接和页脚入口，焦点顺序与视觉顺序一致。
-
B
获得焦点的元素显示灯带琥珀色焦点环，对比度按 WCAG 2.1 AA 执行，状态不靠颜色单独传达。
-
C
问答区使用 details 与 summary 结构，键盘回车即可展开，锚点能直接落在某一条上。
-
D
系统开启“减少动态效果”后，滚动显现与错峰进入取消位移和延迟，时间轴节点改为瞬时换色。