Commit Graph
4 Commits
Author SHA1 Message Date
admin 6ca99eace1 四大产品线统一特写通栏版面:VideoOS/乐活AI/AI智习室同步 OPC 布局
- 三张产品卡补 .product-feature 类,与 OPC 统一为单列通栏:
  截图渲染宽统一 1090px(原 599px 视觉列),按各自原始比例展示
  (VideoOS 642 / 乐活AI 630 / AI智习室 817 px 高),比例无失真
- 文本统一双栏(痛点 | 方案)+ 场景/效益通栏;装饰图标统一隐藏
- CDP 取证全绿:FEATURE 四卡全部 rendered=1090、langCols=2、
  iconHidden=none;EN_FEATURE [2,2,2,2];M_FEATURE 移动端全回落单列;
  通用全尺寸断言阈值 520→1000px;四图 cropFree 全 true、
  移动端 390px 零溢出、零 console 错误零失败请求
- 逐卡截图肉眼复核(ZH 三卡 + 既有 OPC/EN/移动端取证)
2026-10-20 00:52:44 +08:00
admin 5470bc67a1 OPC 产品截图放大为旗舰特写布局:单列通栏 1090px 展示 + 文本双栏
- OPC 卡增加 .product-feature 单列布局,截图通卡宽渲染 1090px
  (原 841px),高度 614px,比例无失真
- .product-feature .product-visual 改 align-items:stretch,
  修复 flex 列 + align-items:center 导致 picture 收缩到图片固有宽的问题
- lang-block 双栏排布(痛点|方案),场景/效益通栏;
  移动端 ≤1024px 回落单列,无横向溢出
- CDP 静态取证全绿:FEATURE/EN_FEATURE/M_FEATURE 三条新断言
  (通栏宽度、中英双语双栏、移动端单列回落)+ 全量回归 exit 0
2026-10-20 00:36:53 +08:00
admin cdc67e0ea3 修复产品截图未全尺寸展示:视觉列 420px 固定宽改比例分配 + 去除强制裁剪
- 部署实测问题:产品卡视觉列硬编码 420px,截图渲染仅约 420px 宽;且 aspect-ratio:16/9 + object-fit:cover 将非 16:9 截图(如 4:3 的 AI智习室管理后台)上下裁掉
- 修复:.product 网格列改 minmax(0,1.15fr) minmax(0,.85fr)(桌面端截图渲染宽 420→599px);.product-shot-img 去除 aspect-ratio/object-fit,按各图原始比例完整展示(HTML width/height 属性本就与 WebP 自然尺寸一致,无 CLS 风险)
- 取证(cdp-verify-shots.mjs):新增 IMG_NOT_FULLSIZE(rendered≥520px)与 IMG_CROPPED(渲染比例=原始比例±1%)断言,四图 rendered=599 且 cropFree 全 true;移动端单栏 390px 无溢出;零 console 错误、零失败请求
2026-10-20 00:15:37 +08:00
admin 59607097c7 东燊科技(Donsen)宣传网页:中英双语单页站 + 未来科技感视觉系统
- 单页双语站:data-lang 切换中/英,全站内容双语文案
- Hero 不对称双栏:左文案列(eyebrow/标题/渐变 slogan/CTA/数据条)+ 右凤凰视觉舱(深色玻璃 HUD + 能量轨道环 + 均衡器脉冲)
- 视觉系统 fx.css/fx.js(与 main.js 解耦):深空星野/鼠标聚光/自定义光标/点击爆炸/卡片 3D 倾斜/数字滚动;?static=1、prefers-reduced-motion、触屏自动降级
- 产品矩阵四段式结构(痛点→方案→场景→效益),四条产品线全部真实截图(WebP + PNG 兜底)
- 顶栏/页脚透明凤凰标识(phoenix.webp/png),去白底
- 部署配套:404.html、_headers、nginx.conf、robots.txt、favicon/apple-touch-icon/og-cover
- 性能基线:总传输约 153KB、CLS 0、CDP 两套取证套件全绿
2026-10-19 23:13:30 +08:00