OFFERINGS · 服务清单

五组模块撑起一块面板,参数与适配一次看明白

杏运赛场的数据面板由赛程、比分、访客数据、多联赛切换和异常反馈五块组成。每块能做什么、装在哪些终端上表现稳定、多久刷新一次,下面用参数表和版本说明一项项摆开,方便你判断合不合得上自己的使用节奏。

  • 42个联赛与赛事类别
  • 18类常驻对照字段
  • 7档终端与分辨率
五个带编号的数据模块方块以网格排列,方块内是简化的赛程、比分与访客数据图形
五类服务模块总览

01

五个服务模块,各管一段

赛程怎么排、比分怎么看、访客数据怎么对照、多个联赛怎么同屏切换、遇到问题往哪里说——每块单独成模块,机构对接方可以按需挑,日常访客也可以只盯自己常看的那一块。

01 运行正常

赛程总览

把整季比赛排成一张可纵向浏览的时间表,赛季阶段一目了然,不需要在多个页面之间来回找同一轮次。

适用终端
桌面端双平台 / iOS / Android / 平板
覆盖数量
42 个联赛与赛事类别
刷新节奏
赛季内每两周一次适配更新
02 V3 版本

比分对照

当前比分页为 V3,比分数字加大字重、字段密度提升,同一屏内能读到更多场次,适合反复回看数据的用户。

适用终端
桌面端优先,移动端同步
读数主题
深色为默认,另提供浅色
字段密度
单屏可见场次较 V2 提升
03 运行正常

访客数据对照

按访问量、回访比例、停留时长做横向对照,常驻 18 类字段,窄屏上会自动把标签重排成多行,避免挤在一起看不清。

适用终端
iOS / Android / 平板
常驻字段
18 类对照字段
窄屏表现
缩略标签按行列重排
04 运行正常

多联赛切换

同时并排最多 4 个联赛的数据视图,切换时字段顺序不变,看完一列再看下一列,视线不需要重新找位置。

适用终端
桌面端 / 平板横屏
并行视图
最多 4 个联赛同屏
字段顺序
各视图之间保持一致
05 待处理入口

异常反馈

面板显示异常、切换卡住、标签遮挡,都可以从这里提交。提交时带上设备型号、系统版本和出现问题的页面,我们能更快定位。帮助文档里已经按高频问题整理好了 128 条排查条目,先自己照着做一遍往往能当场解决。

受理时间
工作日 9:00–18:00 在线受理
首次回复
通常在一个工作日内
配套材料
帮助文档 128 条排查条目
提交路径
联系入口 | 帮助文档

02

手机上标签怎么排,才不会糊成一团

iOS 访客数据对照页的缩略标签是这块面板上最容易被挤到的部分。宽度一变,标签就得重排,读懂它的排布规律,你自己就能判断眼前的显示是不是正常。

排布规则

缩略标签按阅读顺序从左到右、自上而下铺开。屏幕够宽时一行并排多个,宽度收窄后先降成两列,再窄就折成一列——顺序始终不变,只是行数变多。每个标签的最小可点区域保持不变,不会因为变小而点不中。

缩放档位与可容纳数量

标签字号跟随设备宽度分档调整。常规手机竖屏下,一行通常放得下 3 到 4 个缩略标签;横过来或者换成平板,一行能放到 6 个以上;窄窗口里则会逐个换行,一次显示 2 到 3 个。

出现遮挡时先看这三处

  1. 01系统里的字体大小设置——如果调到了最大档,标签会跟着放大,行数自然变多。
  2. 02浏览器或应用内的页面缩放比例——放大到 125% 以上时,原来一行的标签会折成两行。
  3. 03页面下方的对照区域是否有横向滚动——部分字段列需要划动才看得全,先试着横向滑动一次。

三处都确认过仍然有遮挡,把截图和设备信息通过联系入口发给我们,也可以先在帮助文档里对照同类条目。

窄屏内多个小尺寸标签按行列排布的抽象示意,从单行到多列标注出密度变化
窄屏标签排布示意

03

比分页从 V2 走到 V3,改了什么

V2 阶段面板已经能切换多联赛,V3 把重点放到了同屏信息量上。了解两代之间的差别,遇到显示异常时更容易判断问题出在哪一层。

比分数字与色块局部放大的几何切割特写,表现深色面板上的高对比读数区域
V3 比分页读数区域局部
V2

多联赛切换阶段

  • 一次主要聚焦一个联赛视图
  • 字段排布偏宽松,行距大
  • 比分数字与正文同级字号
V3 · 当前

同屏对照阶段

  • 比分数字加大字重,单屏可见更多场次
  • 字段密度提升,行距相应收紧
  • 多联赛视图之间字段顺序对齐

常见的适配异常表现

  • 比分数字与队名标签错位,左右对不齐
  • 切换联赛的瞬间列表高度跳动一下
  • 窄窗口下右侧部分字段列被裁掉一半
  • 深色主题下个别分隔线颜色过浅,看不清行

遇到以上任何一种,直接去帮助文档里找 V3 比分页对应的分区,那里按现象分好了条目,照着做一遍即可。想看每个版本具体改了什么,更新记录里按批次保留了说明。

04

七档终端与分辨率,各自怎么排

同一块面板在手机、平板、桌面和窄窗口上的栅格与字号策略并不一样。下表把七档并排列出,窄屏上可以左右滑动查看,左侧档位名会固定在原处。

适配档位 典型宽度 栅格策略 字号策略
桌面端 · Windows 1440px 及以上 侧边轨道 + 主内容双栏 标题 40px,正文 16px
桌面端 · macOS 1440px 及以上 侧边轨道 + 主内容双栏 标题 40px,正文 16px
桌面端 · 通用宽屏 1280–1439px 侧边轨道收窄,主内容单栏 标题 40px,正文 16px
iOS 手机 390–430px 顶部条 + 单列堆叠 标题 28px,正文 16px
Android 手机 360–420px 顶部条 + 单列堆叠 标题 28px,正文 16px
平板 768–1180px 两列栅格,对照表保持横向 标题 28px,正文 16px
窄窗口布局 640px 以下的浏览器窗口 全部收为单列,表格横向滑动 标题 20px,正文 16px
七条宽度依次递减的横条上下排列,示意不同终端的布局档位与栏数变化
七档适配宽度对照

05

18 类常驻字段,分三组读

字段不是一次全堆在你面前。按赛程进度、对阵比分、访客对照三组分开摆,加上赛程以赛季阶段为轴排列,同一联赛的多个视图之间字段顺序保持一致——看完一列再看下一列,视线不用重新找位置。

A

赛程与进度

阶段、轮次、开赛时间这一类字段,负责回答“现在打到哪儿了”。赛季阶段作为主轴排列,同一阶段内的场次按时间先后铺开。

B

对阵与比分

主客队、当前得分、比赛状态这一类字段,负责回答“这场结果如何”。比分数字单独加大字重,扫一眼就能抓到重点。

C

访客与对照

访问量、回访比例、停留时长这一类字段,负责回答“数据在往哪个方向走”。复访用户在日活跃访客中占约六成,这一组就是为他们准备的。

多列字段图标与对齐网格组成的抽象对照表结构,表现字段分组与顺序对齐
字段分组与顺序对齐示意

06

服务范围,以及怎么开始用

服务覆盖中国区 31 个省级行政区的访问用户。赛季内每两周发布一次适配更新,赛季节点前后每周完成一次数据校准,节奏固定下来,回访的人心里有数。

读懂参数表的顺序

上面每张卡片的参数表都是同一套读法:左边一列写着项目名称,右边一列是对应的取值。先看适用终端判断能不能用,再看覆盖数量判断够不够用,最后看刷新节奏判断跟不跟得上你的回访习惯。

发布节奏

版本迭代、适配进展、帮助文档的新增条目都会写进更新记录。想了解维护这块面板的人是谁、怎么分工,可以翻一翻我们是谁。

带着具体问题来聊

机构对接方如果关心适配终端、字段数量或反馈的响应速度,直接说明你的使用场景就行。日常访客遇到显示异常,先去帮助文档照着条目做一遍,再走联系入口提交。

客服邮箱 contact@data-panel-xingyun.com.cn | 服务电话 400-4940-3020 | 工作日 9:00–18:00 在线受理