跳到主要内容

进度记录

2026-04-05:移动端菜单按钮与 CTA 收口

本轮修复了两个关键移动端体验问题,并统一了全站 CTA 按钮风格:

  • 手机菜单补齐了顶部栏、菜单标题和 X 关闭按钮
  • CTA 按钮统一了尺寸、间距、圆角和悬浮状态
  • Support、Checkout、Returns、Shipping 等页面的按钮语言统一

验证与发布

  • 本地 npm run build 通过
  • 已提交到 main
  • 已按 SOP 完成发布和线上验证

2026-04-05:全站 UI 视觉收口

这一轮做了更完整的视觉统一,目标是让前台看起来更像正式的消费电子品牌站,而不是模板站。

设计系统升级

  • 增加了语义色、阴影层级和动画关键帧
  • 全局样式加入了滚动 reveal、卡片 hover、按钮 shimmer 等能力
  • Commerce 组件、Footer、Support 组件都做了统一收口

主要页面调整

  • 首页:标题渐变、浮动 badge、卡片 hover
  • 商品页:图片 hover、信任提示、服务卡片统一
  • 服务页:统一圆角、字重和视觉节奏
  • 账户中心:全部子页统一为同一套视觉语言
  • 支持 / 联系 / 购物车 / 结账:统一按钮与卡片语言
  • Shipping / Returns / Technology:统一排版与间距

验证与发布

  • 本地 npm run build 通过
  • 已提交到 main
  • 已完成 VM 发布
  • npm run deploy:verify 通过

2026-04-05:移动端图标准确性修复

修复了图标误配问题:

  • 4G LTE 图标改为蜂窝信号相关图标
  • Support 页的订单追踪、技术支持、退货与政策图标修正
  • 同步修复了产品页和服务页中的相关图标

验证与发布

  • 本地 npm run build 通过
  • 已完成提交和部署