HESU PIPE · 首页布局专项修复

SiteForge Enterprise V8.33.1 · 核心优势 + 动态内容列表 · 真实静态构建、响应式布局、安全版本隔离

439Python 回归测试通过
19/19独立回归批次通过
4Chromium 屏幕宽度验证

根本原因与解决方式

问题具体原因修复
外层内容缩窄外层 section 和内部 Grid 使用相同的 sf-features / sf-collection 类名,CSS 把外层也设成 Grid外层强制恢复 block 布局,内层才负责网格
优势卡片参差固定三列,四张卡片最后一张另起一行工业主题根据数量自适应,桌面 4 列 / 平板 2 列 / 手机 1 列
首页产品区拥挤所有动态列表均被自动添加搜索筛选条,布局重复命中外层区块首页仅展示精选内容;目录页仍支持过滤
卡片错位产品图、标题与摘要高度不一致等高卡片、4:3 图片区域、完整产品图 object-fit: contain、行数限制

实际 Chromium 页面截图

电脑版优势卡片与产品列表
电脑版 1440px:优势四列,精选产品三列
手机版优势与产品单列排布
手机 390px:单列布局,无横向溢出

浏览器布局验证

宽度优势产品卡片首页筛选栏JS 异常 / 横向溢出
1440px4 列3 列0无 / 无
820px2 列2 列0无 / 无
390px1 列1 列0无 / 无
375px1 列1 列0无 / 无

验证结果及交付范围

19 个隔离批次通过,439 项 Python 测试通过,包含新增的 4 项 HesuPipe 专项测试。`verify_release.py`、JavaScript 语法检查、HTTP + Worker 构建 → ZIP → 页面预览链路通过。可用的历史工业主题 1.3.0 独立存档,不自动影响已固定旧版的网站。

项目仍保留完整五主题平台、已有内容数据模型、编辑器、迁移与发布流程;本次只修复区块布局和工业主题卡片样式。

使用范围:样例为 SiteForge 构建的测试站,使用示例产品名称与图片占位符,未连接真实 HesuPipe 数据;尚未部署到 hesupipe.com。请先在 SiteForge 主题管理中手动选择工业主题 v1.3.1,预览实际草稿并走原有审批发布流程。