v0.10.25: /solution/ 归档+落地页复刻(archive 组件/分页/摘录24词)、Header 全断点对齐、page_css 导入管线、reviews/populated 宽度/_css_classes/tabs HTML/图片变体修复

This commit is contained in:
bigcode
2026-11-03 03:59:04 +08:00
parent 7559977ae1
commit 9a51994860
17 changed files with 681 additions and 146 deletions
+21 -2
View File
@@ -93,8 +93,27 @@
srcset/medium 变体,个别卡片高度 ±5px。
### 2. 方案页
- S1 `/solution/` 列表入口页
- S2 `/solution/$slug` 落地页:与首页同款 Elementor 直出,版块逐页不同
- S1 `/solution/` 列表入口页 v0.10.25 ✅ 一比一复刻原站 Elementor archive(widget 2da75291):
hero #eee 120px(h1 40px/900 uppercase 居中)+ 卡片 grid 3/2/1 列 gap 28 + 缩略图 66%/50% 占位、
::after 黑 35%→75% 渐变(hover 1→0.5)+ 卡片阴影 0 0 10px(hover 30px)+ 标题 21px #ED6C00 +
摘录 14px/1.5 #777(24 词截断,  相连算一词)+ 分页(当前页 #FFA11B);新增
/solution/page/N/ 分页路由与摘录/卡片数据(8 篇 excerpt 按原站回填);桌面/平板/移动三断点
hero/卡片/分页几何差 ≤2px。
- S2 `/solution/$slug` 落地页 v0.10.25 ✅ 渲染器补齐:
- Renderer:populated 宽度改标准块级 auto(margin 收缩,6c765c4 卡列 272/272 精确)、
tabs 标题按 HTML 渲染、_css_classes 落到 section/column/class 上;
- page_css 导入管线(scripts/import-page-css.ts):抓原站 post-<legacy_id>.css,把
.elementor-element-<id> 与 .ele-* 自定类规则翻译为 [data-el] 选择器存 meta.page_css,
ElementorRenderer 注入(补齐 dump 缺失的 widget 级 custom CSS,如 infobox 图 80px);
- reviews 评价区重写为 Elementor 原生 reviews DOM(2 列 slide、79px 圆形头像、
星 14px #CCD6DF、职位 16px #697882、评价图 50% 居中);
- Header 全断点对齐原站(topbar 36px/容器 1350/文字 16px、图标 36×36 gap10 顺序
Linkedin-Youtube-Facebook、无 Login;主导航容器 40/25、logo 后 80px、菜单序
Resources→Success Stories 修正、菜单项 pad 8/6 距 6、caret 16px、搜索 40×68、
CONTACT US/邮件/语言 48px;平板汉堡形态、移动 48px 导航+气泡);菜单序为 DB 数据修正。
- 已知数据差异:smart-home-solution 原站 2026-10-16 改版新增内层版块(2faa053 等不在
dump 快照),9dc5c01 场景区较原站矮约 1540px,属快照滞后;其余 13 个落地页全部版块
齐全,逐节高度差 >15px 的多数为原站 headless lazy/swiper 未初始化假象。
### 3. 商城/产品/博客(WordPress 模板页)
- SH1 商城:`/shop/` 分类+商品网格