Appearance
百科大纲压力测试 · 超长目录锚点验证稿
本文档仅供内部 UI/UX 验证:右侧大纲应能覆盖全部二级、三级标题,激活红标应随滚动准确切换,长标题应自动换行且不挤压滚动条。
一、测试说明与验收标准
1.1 为什么要做压力测试
百科阅读页采用 Tailwind 文档式三栏布局:左侧导航树、中间白卡正文、右侧本页目录(Outline)。当单篇文章章节极多、标题极长时,最容易出现三类问题:
- 大纲滚动条与顶栏之间出现空隙;
- 激活项红色竖线未对齐灰色分组轨;
- 长标题(含中文标点、英文括号)撑破布局或与滚动条重叠。
1.2 验收清单(人工勾选)
| 序号 | 检查项 | 预期 |
|---|---|---|
| 1 | 右侧大纲条目数量 | 与正文所有 ##、### 一致 |
| 2 | 点击大纲锚点 | 正文平滑定位,URL hash 更新 |
| 3 | 滚动正文 | 红标随当前章节移动 |
| 4 | 超长标题 | 自动换行,line-height: 1.6 |
| 5 | 深色模式 | 灰轨/红标/文字对比度可读 |
1.3 浏览器矩阵
建议在 Chrome、Safari、Firefox 各测一次;超宽屏(≥1440px)额外确认 1366 画布对齐。
二、模拟章节 · 采购总则(A 组)
2.1 采购目标与 KPI 口径
连锁餐饮耗材采购不能只看「单价最低」,而应建立 单均包材成本、破损率、合规抽检通过率 三指标联动看板。
2.2 供应商准入最小资料包
- 食品接触材料生产许可证(或委托生产协议)
- 近 12 个月型式检验报告(CMA/CNAS)
- 批次追溯编码规则说明
- 环保声明(属地禁塑名录对照)
2.3 合同条款中的「隐藏成本」条款
特别注意模具费摊销、色差容忍 ΔE 约定、逾期违约金与最小起订量(MOQ)阶梯是否绑定旺季产能。
三、模拟章节 · PP 材质专篇(B 组)
3.1 均聚 PP 与共聚 PP 的差异
热食场景优先共聚 PP(抗冲击更好);冷食轻量盒可用均聚 PP 降本。
3.2 微波适用性的实验室快速判定
注水 90°C,加盖 2 分钟,观察盒体翘曲与扣合位是否松脱。
3.3 耐油等级与红油场景
高油酸汤底建议提高壁厚或选用耐油改性料,避免长期浸泡后脆化。
GB-4806.7
PP微波适用需共聚/耐温改性
PP耐油视油料与温度时长
四、模拟章节 · PET 与透明冷链(C 组)
4.1 为何 PET 严禁热灌装
玻璃化转变温度约 70°C 附近,热变形不可逆,且存在迁移风险讨论。
4.2 高透 PET 的货架表现
沙拉、水果杯依赖高透光率;注意 UV 货架老化导致雾度上升。
4.3 冷链运输中的扣合可靠性
低温脆性增加,扣合筋位设计比材质牌号更关键。
五、模拟章节 · 纸浆模塑与淋膜(D 组)
5.1 甘蔗浆 vs 竹浆 vs 麦秸秆浆
纤维长度影响挺度与表面细腻度;竹浆纤维长,适合高档便当盖。
5.2 PE 淋膜与 PLA 淋膜取舍
PE 淋膜工艺成熟、防油好;PLA 淋膜环保叙事强但耐温与仓储窗口更苛刻。
5.3 无氟防油涂层的趋势
关注属地法规对 PFAS 的限制时间窗,提前做替代验证。
六、模拟章节 · 瓦楞纸箱 ECT/BCT(E 组)
6.1 楞型 ABCE 与承重对照
E 楞适合精美印刷面;B 楞综合性价比最高;A 楞缓冲好但占体积。
6.2 空箱抗压与堆码层数
务必按 BCT(空箱抗压) 而非只看边压 ECT 选型。
6.3 潮湿环境下的塌陷预警
梅雨季纸板含水率上升,建议外箱加缠膜或调低堆码高度。
七、模拟章节 · 印刷与色差管理(F 组)
7.1 潘通色 vs 实物打样
数字化稿到实物存在材质吸墨差异,必须实物签样封存。
7.2 四色网点与专色金/银
大面积专色成本显著高于四色;金葱、烫金另计工序费。
7.3 色差 ΔE 与客诉阈值
建议书面约定 ΔE≤2 为合格,2–4 为可接受需记录,>4 整批退换。
八、模拟章节 · 尺寸设计与容积率(G 组)
8.1 从菜品克重反推容积
米饭松散体积系数约 1.15–1.25,酱汁需预留 8–12% 膨胀空间。
8.2 浅盒 vs 深盒对「分量感」的心理影响
同克重下浅宽盒更显满;注意骑手箱内堆叠稳定性。
8.3 定制模具 amortization 模型
模具费 ÷ 预估三年采购量 = 单件摊销;低于 5 万 PCS 谨慎开模。
九、模拟章节 · 合规与抽检(H 组)
9.1 网络餐饮「123号令」自查要点
线上线下证照一致、明厨亮灶素材真实、包材标识完整。
9.2 抽检不合格的典型项
总迁移量、特定迁移量(模拟物)、标签标识缺失为高频项。
9.3 召回与批次冻结流程
建立 批次号 → 入库单 → 门店出库 三级追溯,2 小时内可定位。
十、模拟章节 · 仓储与物流(I 组)
10.1 温湿度分区管理
纸类与 PLA 忌高湿;PP 忌长期暴晒 UV。
10.2 先进先出与保质期
耗材也有老化窗口,特别是降解材料与热熔胶封口条。
10.3 破损率 KPI 与包材责任界定
区分「出厂破损」与「配送挤压」;建议到货抽检 3‰ 样本。
十一、模拟章节 · 成本模型(J 组)
11.1 单均包材成本的正确算法
(餐盒+盖+袋+勺+纸巾+封口贴)÷ 出餐份数,勿漏隐性辅材。
11.2 规模折扣拐点
通常 3–5 万 PCS/月 出现明显阶梯价;合并区域采购可再降 3–8%。
11.3 账期与资金成本
90 天账期等价年化利率需折算进总成本比较。
十二、模拟章节 · 数字化采购系统(K 组)
12.1 SKU 结构化字段设计
材质、容积、耐温、合规号、MOQ、交期应结构化,避免 Excel 地狱。
12.2 审批流与权限
门店不可直接下单定制款;总部统一签样后下放白名单 SKU。
12.3 与 ERP/WMS 对接
入库扫码校验批次;出库按 BOM 扣减包材。
十三、模拟章节 · 长标题 torture test(L 组)
13.1 一、什么是「丝」?塑料厚度单位丝/丝数与微米(μm)怎么换算才不踩坑?
本小节标题故意超长,用于验证大纲换行与红标对齐。
13.2 二、外卖红油麻辣烫汤底(90℃以上)究竟该选 PP 共聚料还是 PET(答案当然是 PP)?
再次叠加括号、数字与英文缩写,观察 WebKit 下 word-break: break-word 表现。
13.3 三、上海市禁塑名录(2025 修订征求意见稿)下纸质吸管与 PLA 淋膜杯盖的合规边界讨论
政策类长标题在真实内容中很常见,必须保证可读。
十四、模拟章节 · 附录表格(M 组)
14.1 材质耐热对照(简表)
| 材质 | 建议最高装填温度 | 微波 |
|---|---|---|
| PP | 100–120°C | 视牌号 |
| PET | ≤60°C | 否 |
| PLA | ≤50°C | 否 |
| 纸浆+PE淋膜 | 视淋膜 | 否 |
14.2 楞型选用速查
| 楞型 | 特点 | 典型用途 |
|---|---|---|
| E | 细腻 | 彩印面 |
| B | 均衡 | 通用外箱 |
| C | 缓冲 | 家电/重物 |
| BC 双楞 | 高强度 | 电商大件 |
十五、模拟章节 · FAQ(N 组)
15.1 能否混用不同批次色差盒?
不建议。同一门店同一 SKU 应保持单一批次视觉一致。
15.2 定制印刷最低多少量?
视色数与面积,通常 5000–10000 PCS 起,专色另议。
15.3 如何申请免费打样?
通过驰采顾问提交规格表与 Logo 矢量稿,一般 3–5 个工作日寄出空白样或数码样。
十六、模拟章节 · 深度嵌套 H3 密度(O 组)
16.1 子节 A
短段落填充,用于增加大纲条目密度。
16.2 子节 B
短段落填充,用于增加大纲条目密度。
16.3 子节 C
短段落填充,用于增加大纲条目密度。
16.4 子节 D
短段落填充,用于增加大纲条目密度。
16.5 子节 E
短段落填充,用于增加大纲条目密度。
十七、模拟章节 · 重复性段落滚动测试(P 组)
17.1 滚动段落 1
请从本节前连续滚动至文末,观察右侧大纲红标是否跟手、是否抖动。
17.2 滚动段落 2
请从本节前连续滚动至文末,观察右侧大纲红标是否跟手、是否抖动。
17.3 滚动段落 3
请从本节前连续滚动至文末,观察右侧大纲红标是否跟手、是否抖动。
十八、模拟章节 · 结语(Q 组)
18.1 测试完成后的操作
- 切换浅色/深色主题各浏览一次
- 缩放浏览器宽度 1280 / 1440 / 1920
- 截图对比 Tailwind 文档右侧目录行为
18.2 已知限制
VitePress 默认 outline.level 为 [2, 3],四级标题不会出现在大纲中,属预期行为。
18.3 反馈渠道
UI 问题请标注浏览器版本、视口宽度与截图,提交至设计验收清单。