2026-10-26 16:32:15 +08:00
|
|
|
|
{# trade-pro notfound — 品牌化 404（Task 11）。
|
|
|
|
|
|
设计参照（本轮无 cms 源对应）：上游 industrial/automotive 1.3.0/1.4.0
|
|
|
|
|
|
的 404 为「眉题 + 巨号 404 + 一句文案 + 返回首页」的居中薄形态；本模板
|
|
|
|
|
|
保留该信息架构并以 sf-tp 深色带语汇品牌化（10a 应用带的藏青渐变 + 光晕
|
|
|
|
|
|
底、反色文案、白底按钮反色），双动作位：返回首页 + 浏览产品目录。
|
|
|
|
|
|
渲染流：构建器以 mode='notfound' 渲染（noindex meta），pro.html 对
|
|
|
|
|
|
notfound 不渲染结尾 CTA 带；h1 唯一（「404」大标题即页题）。图标走
|
|
|
|
|
|
Task 9 icon 宏（search：找不到页面的语义），无裸箭头字符。 #}
|
|
|
|
|
|
<section class="sf-tp-notfound">
|
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
|
<div class="sf-tp-notfound-inner" data-reveal>
|
|
|
|
|
|
<div class="icon-circle sf-tp-notfound-icon" aria-hidden="true">{{ icon('search') }}</div>
|
|
|
|
|
|
<span class="eyebrow">ERROR / 404</span>
|
|
|
|
|
|
<h1>404</h1>
|
|
|
|
|
|
<p class="sf-tp-notfound-lead">The page you are looking for does not exist or has been moved.</p>
|
|
|
|
|
|
<div class="sf-tp-notfound-actions">
|
|
|
|
|
|
<a class="sf-tp-btn" href="/">Back to home {{ icon('arrow-right') }}</a>
|
|
|
|
|
|
<a class="sf-tp-btn sf-tp-btn--ghost" href="/products/">Browse products {{ icon('arrow-right') }}</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
