feat: port cms standard layout into trade-pro

Task 10h (last regular layout). Design sources: cms applications.astro +
support.astro (generic content pages). Common form = PageHero (eyebrow/h1/
lead + in-page anchor button + cover bg) then content area.

- The structured sections in both sources (application card grid,
  FeatureGrid bands, anchor nav strip, doc cards, FAQ) are HESU dictionary
  content, not layout - not ported (fake data across sites). The platform
  standard page content is the rich-text body: section structure is carried
  by the body's own h2/img/tables (10g decision), typeset via the 10d
  sf-tp-article-body layer double-attached with sf-tp-standard-body.
- Empty body hides the body section and the hero anchor button (cms
  isRichAbout ternary); empty cover/summary hide bg/lead independently.
- Breadcrumb Home > title per platform page-level convention (10e/10f);
  support's trailing Cta stays covered by pro.html pro-end-cta.
- Zero new CSS rules: applications.astro itself ships no scoped styles and
  the template is pure composition (10c hero / 10b breadcrumb / 10a
  section-head / theme.css baselines); decision documented in pro.css.
- Test test_trade_pro_standard_layout_structure: build-flow page entry
  asserts hero/body containers; bootstrap /services/ page (meta.
  page_template='standard') verifies the template is not route-bound
  (explicit meta beats route-prefix inference) and the empty-data hiding.

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-10-23 17:25:21 +08:00
parent 0ec826bd4b
commit 87ce104d7e
3 changed files with 150 additions and 2 deletions
+16
View File
@@ -573,3 +573,19 @@
.sf-theme-trade-pro .sf-tp-case-results{padding:16px}
.sf-theme-trade-pro .sf-tp-case-results li{font-size:var(--sf-tp-font-size-xs)}
}
/* ── Task 10h:standard 标准内容页(applications.astro + support.astro 移植)──
源 src/pages/[locale]/applications.astro 与 support.astro(通用内容页,
像素基准 dist/hesupipe/en/{applications,support}/):两页共性形态 =
PageHero(眉题/h1/导语/页内锚点按钮 + 封面底图)→ 内容区。
本任务零新增样式规则——设计源同构事实:applications.astro 自身零 scoped
CSS(100% 由 PageHero/SectionHead/CardGrid/FeatureGrid 共享组件构成),
support.astro 的 scoped CSS(锚点导航/doc 卡/FAQ 双栏)全绑 HESU 词典
数据,不移植(跨站即假数据)。本模板同样纯组合复用:
sf-tp-page-hero/bg/overlay/copy/lead(10c 内页 hero,无封面时浅品牌
渐变兜底)、sf-tp-breadcrumb(10b)、eyebrow/sf-tp-btn(theme.css
基线)、sf-tp-section-head(10a)、sf-tp-article-body 排版层双挂
(10d,sf-tp-standard-body 为结构与测试钩子类)。sf-tp-standard-hero/
-body-section 仅作模板定位钩子,无视觉规则;响应式(767/620 hero 竖版
与正文紧凑字号)全部由 10c/10d 既有媒体块经共用类名覆盖——无自有媒体块
即无级联顺序风险(10c 教训:同特异性按源顺序取胜)。 #}