1920×1080
全高清横屏
大厅和门店最常见的一档，文件体积最小，首屏一次加载完成，老旧播控主机也跑得动。
资源包构成
资源包里有什么
先按屏幕尺寸认领比例，再按投放方式选文件类型。海报屏、立柱屏、展厅巨幕都能找到对应的一组文件，不需要自己重新排版。
2560×1440
2K 横屏
值班室和中型看板的主力规格，字号留出更多余量，站远两米看号码边缘依然干净。
3840×2160
4K 横屏
展会与长廊远距离观看用，号码矩阵每行加宽，站在十米开外也能一眼读出期次。
1080×1920
竖屏立柱
电梯口与窄边框立柱屏的布局，号码纵向单列排布，从上往下自动滚动。
极地冷静
冰原蓝压底、雪白铺面。长时段值守时眼睛负担小，适合挂在值班室常亮。
暖枫
枫叶红做主色，最新一期高亮明显，人来人往的场地里第一眼就能抓到重点。
极光
极光绿承担状态提示，完成与进行中的区别一眼可辨，适合多人共看一块屏的场合。
三种文件格式，按投放方式挑
能自动刷新的可部署页面
带自动拉取和降级显示，改配置就能接到你自己的号码数据上，适合长期亮屏的场地。
即插即用的静态成品图
四种分辨率各出一套，丢进幻灯片或既有播控系统就能播，不依赖浏览器环境。
可再缩放的矢量源文件
拼接屏、异形屏做二次放大时不掉边，也能直接交给设计同事改分区和字号。
选型参考
适合哪些大屏场景
同一个场地，亮度和观看距离不同，合适的分辨率与配色也不一样。下面四类是使用量最大的组合，照着套基本不会出错。
大厅展示
- 推荐比例
- 3840×2160 或 1920×1080
- 推荐配色
- 极地冷静
观看距离远、停留时间短，号码字重整体加粗，翻页改为自动轮播。
值班室看板
- 推荐比例
- 2560×1440
- 推荐配色
- 极地冷静
常驻显示，动效越少越好，保留最近若干期的号码与状态，做成一块安静的背景屏。
展会投屏
- 推荐比例
- 3840×2160
- 推荐配色
- 暖枫
人流经过只有几秒，主视觉集中在一屏内，不做翻页，信息一次给全。
门店屏幕
- 推荐比例
- 1920×1080 或 1080×1920
- 推荐配色
- 极光
竖屏按单列排布，横屏保留顶部品牌位，收银台后面那台旧主机也能带得动。
上手路径
三步完成部署
整个过程不需要写代码，也不依赖后端服务。一台能全屏的播放主机、一份号码数据、十分钟时间就够了。
-
解压资源包
把压缩包解到任意目录，会得到 assets、config、templates 三个文件夹。内部全部使用相对路径，从一台机器搬到另一台不用改路径。
-
改一处数据源地址
打开 config/data-source.json，把 sourceUrl 指向你自己的号码数据地址，按需要调整 pollSeconds 与 maxIssues 两个数值。
-
全屏打开模板
双击 templates/index.html 在新窗口打开，按 F11 进入全屏。正式投影前先用 1920×1080 那一档试一次，确认屏幕比例和后端缩放设置对得上。
常用参数在哪里改
下面这些字段散在 config 目录的三个文件里，改完保存刷新页面即可生效，不需要重新打包。
| 参数 | 所在文件 | 作用 |
|---|---|---|
| sourceUrl | config/data-source.json | 号码数据的地址，可填相对路径或同域接口 |
| pollSeconds | config/data-source.json | 自动拉取间隔，默认 60 秒 |
| maxIssues | config/data-source.json | 屏幕上保留的期次条数，默认 10 条 |
| fallbackMode | config/data-source.json | 数据取不到时的显示方式，可选 cache 或 blank |
| theme | config/theme.json | 配色方案标识，取值 polar、maple、aurora |
| layoutScale | config/theme.json | 字号整体缩放系数，默认 1.0 |
| gateNotice | config/gate.json | 屏底提示条文案，留空则不显示该条 |
数据对接
数据接入与自动刷新
模板读的是一份普通 JSON 数组，你可以自己生成，也可以让后端定时写一个静态文件。下面这段配置就是默认值，照着改就行。
{
"sourceUrl": "data/draw-latest.json",
"pollSeconds": 60,
"maxIssues": 10,
"fallbackMode": "cache",
"theme": "polar"
}config/data-source.json 默认内容
-
数据长什么样
一份 JSON 数组，每条记录包含期次号、开奖时间、号码组合和状态四个字段，字段顺序不限，多出来的字段会被忽略。
-
刷新节奏怎么定
pollSeconds 控制拉取间隔。大厅常亮建议 60 秒，展会现场人多眼杂可以压到 30 秒；低于 15 秒通常没有额外收益，还容易给数据端添压力。
-
取不到数据时怎么显示
一次拉取失败，画面保留上一次成功的号码，右上角出现缓存标记；连续三次失败后按 fallbackMode 切换，选 cache 就继续留住旧画面，选 blank 则清空号码区只留标题。
-
打开时不跳版
页面刚打开、数据还没到位的那几秒，模板先用占位结构撑住版面，号码格子不会突然由空变满导致整屏抖动。
更新记录
版本与更新记录
资源包按批次发布，每次改动都会在压缩包内附一份说明文件。下面列出最近四个批次的主要变化，方便你判断手上的包要不要换。
-
v3.4
2024-12
新增 1080×1920 竖屏布局；屏底提示条独立成 config/gate.json，文案不再写死在模板里。
-
v3.3
2024-08
号码矩阵改为逐行点亮，相邻两期之间保留 0.4 秒停顿；三套配色统一收敛为色卡变量，换色只改一个标识。
-
v3.2
2024-03
打包体积从约 31 MB 压到约 24 MB；PNG 改为可再压缩格式，投影端加载明显更快。
-
v3.1
2023-11
引入 fallbackMode，数据中断时保留上一期画面，不再出现整屏空白。
想看成体系的改动说明和字段调整笔记，可以到品牌专栏翻对应的批次文章。
文件与排查
下载与校验说明
压缩包命名里带着批次和分辨率，拿到手先对一遍体积和校验值，能省掉后面很多来回。
文件名怎么读
canada28-screen-v3.4-1920x1080.zip
批次号在前、分辨率在后。同一分辨率下的三套配色不单独分文件，解压后改 theme 标识就能切换。
体积对照
- 约 24 MB — 完整包，含三种格式与全部配色
- 约 6 MB — 只含 HTML 的轻量包
- 约 9 MB — PNG 与 SVG 素材合计
完整性校验
每个压缩包内都附一份 checksum.txt，写的是对应文件的 SHA-256 值。下载完成后本地算一次对照，值一致就说明传输过程没有损坏。
下载或解压出问题，按这个顺序查
-
压缩包打不开、解压中断
先核对文件体积是否与上面写的对得上，再看浏览器有没有把它重命名成 .crdownload 之类的临时后缀，改回 .zip 再试一次。
-
页面打开一片空白
确认 templates 与 config 两个文件夹在同一层目录下，不要单独把一个 html 拖出来。浏览器控制台会直接指出缺了哪个文件。
-
号码不更新或显示不全
检查 sourceUrl 能不能直接打开，以及 pollSeconds 有没有被误设成 0。若数据本身缺字段，画面会跳过那一条并在角落计数。
-
上面都试过还是不行
把期次号、截图和用到的批次一起整理好，走帮助与排查栏目，按里面的分步指引可以定位到具体环节。
屏幕尺寸不常规，或者要按现场做分区？
把屏体的物理尺寸、观看距离和分辨率发给客服，说明大致要放的内容，工作日 09:30-18:00 会有人跟你对接。团队从 2019 年起就在整理号码档案，大屏资源也从 2021 年起持续对外提供。