服务内容

六个联赛的赛程,摊在同一块战术板上

开心体育把足球、篮球等 6 个联赛项目的赛程与轮次复盘放进同一条浏览路径:左边按轮次推进,右边按联赛并排展开,重点场次的开赛时间、对阵双方与预计阵容直接写在卡片上。

三块并排的赛事信息板抽象示意,绿色与橙色块面沿斜向切割
01

一个页面同时展开多个联赛

同屏最多可以浏览 6 个联赛的比赛安排。列宽按你打开的频率递减,最常看的那个项目占住左侧主位,其余横向铺开,一眼扫完再决定点哪一场。

足球

第 18 轮

5 场待赛 · 首场 19:35

重点 2 场

篮球

第 26 轮

4 场待赛 · 首场 20:00

今晚开打

其余 4 个项目

第 11–22 轮

3 场待赛 · 18:00 起

关注多个联赛的人赛事页面兼容问题,多半出在联赛之间的来回跳转上。这 6 个项目共用一条轮次时间轴,换联赛时当前轮次和滚动位置都留在原处,你不用重新找刚才看到的那一场。

03

按联赛与日期两轴检索

复盘页面的检索框固定在最上方,往下翻多少轮都不用滚回去找它。联赛和日期可以叠加使用,条件一改,下面的结果立刻跟着变。

  • 足球 第 18 轮 5 场 重点 2 场
  • 篮球 第 26 轮 4 场 今晚开打
  • 足球 第 17 轮 5 场 已完赛

常用的组合还有「篮球 + 近 7 天」查最近打完的几场,「足球 + 第 18 轮」只看下一轮排期,「排球 + 第 11 轮」回看某一轮的完整战绩。筛不出结果时会给出提示,而不是留一片空白让你猜哪里填错了。

手部在键盘上操作,屏幕内容虚焦只留下界面轮廓与光标
联赛加日期,两个条件就能把范围收到一场比赛。
04

三秒看懂一轮战绩

回看某一轮,最烦的是一场场点开。这里按轮次分组,一行一场,比分、开赛时间和完场状态并排放好,扫一眼就知道这一轮踢成什么样。

横向排列的比分数字与对阵色块拼贴,等宽字体风格
比分块按轮次横向排列,数字对齐,扫读不费眼。
  • 19:35 2:1 完场

    首发与替补标签可在这里展开,阵容变动一眼可见。

  • 20:00 1:1 完场

    首发与替补标签可在这里展开,阵容变动一眼可见。

  • 20:15 0:3 完场

    首发与替补标签可在这里展开,阵容变动一眼可见。

  • 21:00 2:2 进行中

    首发与替补标签可在这里展开,阵容变动一眼可见。

鼠标停在任意一行会展开该场次的阵容标签;只用键盘的话,按 Tab 到达同一行,看到的内容完全一样。

05

把重点场次装进口历

如果你不想为了一场球专门守着网页,可以把重点场次订阅到自己的日历里。整个过程不需要注册账号,也不用填手机号。

  1. 01

    选好联赛与轮次

    先用三步索引定位到你在追的项目,找到想关注的那一轮。

  2. 02

    拿走订阅文件

    重点场次会打包成一个日历订阅文件,交给手机或电脑自带的日历即可。

  3. 03

    开赛前自动提醒

    赛程有调整时,日历里的时间会跟着刷新,你不用手动改。

订阅一次,之后每一轮的排期变动都会同步过来;想停掉,在日历里删掉订阅就能恢复原样。

手机屏幕上的日程条目特写,日期格与高亮标记清晰
重点场次进了日历,开打前自动提醒。
06

轻量加载是怎么做到的

同时追几个联赛的人,往往是在开赛前几分钟打开页面。这时候慢一秒都难等,所以页面从一开始就按轻量来做。

1.2MB

单页首屏资源

样式、脚本与首屏图片加在一起控制在 1.2MB 以内,打开就出内容。

1.5秒

重点场次首屏渲染

列表在 1.5 秒内完成首屏渲染,开赛前卡着点进来也来得及。

6个

同屏并行的联赛

非首屏图片全部懒加载,不参与首屏渲染,翻到哪儿才载到哪儿。

只看重点场次的人感受最明显:你要的那几张卡片就在首屏,不用等整页图片铺完。PC 端与移动端共用同一套简体中文界面,手机上打开也是同样的排布和同样的检索方式。

从你常看的那一轮开始

挑一场今晚的比赛,或者先把上一轮的比分翻一遍。下面几条路都能直接进去。