novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
627 Commits 3 Branches 1 Tag
10160fb7f2dd08a2915202f4491c3e217196798b
Commit Graph
5 Commits
Author SHA1 Message Date
zhangxiang 10160fb7f2 refactor(detail): 合并 L3 客户案例/资质认证区块为共享组件 
- 新建 CaseStudiesSection / CertificationsSection 共享组件（src/components/detail），
  合并 solution/product 逐字重复的本地实现与 service 的异类实现（卡片 motion.a
  链 /cases/<slug> 依赖尚不存在数据 → 404，违反零编造）
- bg-white → bg-bg-primary token 化（浅色零视觉差异，深色模式正确反色，对齐暗黑 Phase 2）
- 数据闸门保留：caseStudies/certifications 空时 return null，由 L3EmptyFallback 接管
- grid/flex 类直接挂 StaggerReveal，修复合并前的单列布局 bug
- 动效 0.8s → 0.7s（detail-cta-section + service CTASection），对齐 ≤700ms 约束
- 附 scripts/audit/l3-b2-verify.mjs 运行时冒烟（product 页浅深双版，0 报错，hydration 通过）

验证：type-check 0 错 / lint 0 错(127 既有 warnings) / 单测 129 套件 1628 通过
 2026-09-02 12:51:03 +08:00
zhangxiang 3091035c56 feat(detail): Layer 3 信任层空数据兜底骨架（L3SignalsSlot + L3EmptyFallback + EarlyAccessNotice） 
- 新增 L3SignalsSlot：4 类可验证替代信号卡（方法论/团队/历程/服务承诺），
  服务承诺卡 disabled 占位待业务确认；零编造约束下替代真实案例/认证
- 新增 EarlyAccessNotice：首批客户共创状态条（单一真源 company.ts EARLY_ACCESS）
- 新增 L3EmptyFallback：caseStudies/certifications/dataProofs 三者全空时渲染兜底，
  任一非空 return null 保留本地真实 section 视觉
- 接入 5 处详情页：solution v3 / service v4 / product v3 / erp-upgrade-v3 / standalone/[id]
- 修复 StaggerReveal 网格布局：grid 类须挂在 StaggerReveal 自身（否则卡片堆单列）
- 更新 solution 测试至新行为（空数据→兜底渲染）+ 补 lucide 图标 mock
- 修复 header.test.tsx 双 logo 断言（2593599 遗留）
- 新增 scripts/audit/l3-fallback-verify.mjs 运行时验证（浅/深双版 PASS）
  注：必须用 localhost 而非 127.0.0.1 —— Next dev allowedDevOrigins 默认白名单
  不含 127.0.0.1，chunk 请求带该 Origin 被 403 → hydration 不发生 → 动画全冻结

验证：type-check 0 错 · lint 0 错(127 既有 warnings) · 单测 129 套件/1628 通过 ·
L3 兜底浅深双版渲染截图 PASS
 2026-09-02 12:26:07 +08:00
zhangxiang 2a8b81f042 fix(build): 改 darkMode 为 variant 模式让 Tailwind dark: 变体按 data-theme='dark' 触发 
- tailwind.config.js darkMode 从 'class' 改为 ['variant', '[data-theme="dark"] &']
- 'class' 模式匹配 .dark class，但站点用 html[data-theme='dark'] 属性，导致 dark: 变体全局失效
- variant 模式让 dark:bg-foo 类生成 [data-theme="dark"] .dark\:bg-foo 选择器
- 验证：临时加 dark:bg-blue-500 → CSS 含正确选择器；运行时浅色 bg=white、深色 bg=rgb(59,130,246)

回归测试脚本：
- darkmode-selector-verify.mjs：合成探针验证 utility 生效
- home-cta-verify.mjs：定位 home 本地简化 CTASection 实际渲染（之前误判为'不渲染'）

诚实标注：
- 全站 grep dark: utility class 仅发现 cta-button.tsx 2 处，但均为 TS 对象 key（非 utility），故 dark: 失效问题无直接破坏
- 修复属'基础设施补全'：未来添加 dark: 工具类即按 data-theme='dark' 自动生效

home-content-v15.tsx 的 CTASection（line 978-998）是**文件本地简化版**
（仅标题 + CTAButton，无 BrandStamp），与 src/components/sections/cta-section.tsx
（含 BrandStamp「值得信赖」）是不同组件。前者实际渲染，后者无路由使用（待用资产）。
本修复不涉及 CTASection 渲染路径。

验证：
- type-check 0 error
- lint 0 error
- 编译产物含 [data-theme="dark"] .dark\:bg-blue-500 选择器
- 运行时合成探针 PASS（浅色 white / 深色 blue）
 2026-09-02 11:37:24 +08:00
zhangxiang 2593599862 fix(ui,a11y): 修 logo 深色模式不可见 + 补 tailwind font-calligraphy 工具类 
修复 A：header logo 深色模式字被吞
- logo.svg 右侧公司名（睿新致遠 + NOVALON）硬编码 fill='#0A0E14'，
  深色背景下 background 同色不可见，红色印章下书法字与英文全部被吞。
- 复用既有 logo-white.svg（白字 + 红印章）作为深色版，
  header 渲染双 <Image>，按 html[data-theme] CSS 显隐。
- 双 Image 不占位（display:none），零 JS 闪烁，未来主题切换器自动生效。

修复 B：font-calligraphy 工具类不生成
- tailwind.config.js 的 fontFamily 此前未声明 calligraphy key，
  导致 font-calligraphy utility 永不生成，4 处装饰书法字
  （BrandStamp「值得信赖」/ ChallengeSection「使命」/ WhyUsSection「睿」「我们」）
  静默回退 sans。
- fontFamily 加 calligraphy: ['var(--font-calligraphy-system)']。

审计脚本：
- logo-compare*.mjs：生产 vs 本地 logo 对比定位
- logo-dark-verify.mjs：明暗双版渲染验证
- font-calligraphy-verify.mjs：合成探针验证 utility 生效

验证：
- type-check 0 error · lint 0 error（127 warnings 既有项与本次无关）
- 深浅色 header 截图：明暗版正确切换，书法字 + NOVALON 清晰可见
- font-calligraphy 合成探针 computed fontFamily = STKaiti, KaiTi, 楷体, SimKai, serif ✓
 2026-09-02 11:23:47 +08:00
zhangxiang c22e9154c4 chore(audit): add reusable dogfood UI/UX/UE audit toolkit and 2026-09-01 report 
新增可复用的全站 dogfood 审计工具链（Playwright，31 路由约 2 分钟跑完）：

- scripts/audit/ui-audit.mjs —— 主审计器。9 维自动化探针：对比度（WCAG
  相对亮度 + alpha 合成 + 大文本 3:1 / 小文本 4.5:1）、横向溢出、触控目标
  （WCAG 2.2 AA 2.5.8 24x24）、img alt、标题层级、form label、文本截断、
  颜色频次（品牌红覆盖）、性能（LCP + CLS）。支持多视口采集与 P1/P2/P3 自动分级。
- scripts/audit/audit-fullpage.mjs —— 核心页 fullPage 长图（首屏看不全叙事结构）
- scripts/audit/verify-tabbar.mjs —— 移动端 Tab bar 遮挡修复验证
- scripts/audit/contact-diag.mjs —— 单页诊断（console/pageerror/requestfailed 捕获）

防刷绿机制：对比度探针命中 aria-hidden 祖先时跳过，但累计 decorativeSkipped
让豁免量可见；触控探针把 aria-hidden 内的可聚焦元素计入 ariaHiddenFocusable
单独上报，不静默跳过。

已知盲区（需在报告中人工补判）：effectiveBg 遇到渐变或图片背景返回 unknown
并跳过整节点 —— 详情页 hero 的装饰数字因此从未被自动报出。

.gitignore 增加 dogfood-ui-audit/（采集产物单轮可达 39MB，只提交脚本与报告）。

Refs: UI_UX_UE_AUDIT_2026-09-01.md
 2026-09-01 16:13:32 +08:00