辅助工具 / 04
全屏 · 二维码
两个把小屏变大的能力：一键进入浏览器全屏做沉浸式浏览，以及把链接、订单号、配置片段编码成可扫描的二维码，支持多尺寸、带 Logo、放大预览与扫码统计。
全屏浏览
[data-fullscreen]季度营收看板
点击右侧按钮进入沉浸式全屏，适合投屏汇报
Q3 营收
1,286 万
+33.9%
毛利率
42.3%
+2.1pt
新增客户
842 家
+18.4%
行为说明
触发方式点击按钮调用浏览器全屏 API
作用范围整个页面（含顶栏与侧栏）
再次点击退出全屏，回到常规布局
键盘退出Esc
失败处理静默降级，不阻断页面操作
需要用户手势
浏览器要求全屏必须由用户点击触发，页面加载时自动进入全屏会被拒绝。若被用户或系统策略拒绝，按钮保持原状并给出提示。
二维码
inline svg · 内置静默区分享二维码
扫码打开「2026 秋季新品 · 分享页」
N
点击二维码可放大预览 · 纠错等级 H
下载时按 4 倍分辨率导出（928 × 928），保证印刷清晰；打印会自动隐藏页面周边元素。
尺寸规范
最小可用尺寸 64 × 64（约 2cm 见方），低于该尺寸手机相机在正常距离下难以识别。静默区固定 2 个模块宽，不可裁掉。
编码参数
内容类型URL 链接
字符数48 / 2953 字节
纠错等级H（30%）
模块数21 × 21
前景 / 背景#0A0A0A / #FFFFFF
有效期7 天 · 10-10 09:26 失效
使用规则
深色模块必须足够深
对比度低于 3:1 会导致识别失败
Logo 不超过 25%
配合纠错等级 H 才能安全覆盖中心
不要镜像或拉伸
保持正方形与整数倍缩放
深色模式下需加白底
整块二维码必须保持浅底深码
灯箱放大预览
[data-lightbox]点击任意一张放大
放大层由组件自动创建，点击遮罩或按 Esc 关闭
订单详情
活动报名
设备配网
放大层规格
最大宽度min(92vw, 880px)
背景页面色 + 8px 模糊
层级z-index 2500
关闭方式点击遮罩 / Esc
滚动锁定打开时锁定页面滚动
扫码统计
近 7 天 · 按渠道每日扫码次数
单位：次 · 合计 3,264 次
扫码
渠道分布
识别成功率
98.6%
扫码查看
用手机相机或扫码工具对准二维码，即可打开分享页
2026 秋季新品 · 分享页
nexus.example.com/s/8421
有效期 7 天访问密码 8f21已访问 12 次