Commit Graph

17 Commits

Author SHA1 Message Date
张翔 1f591fe2b4 feat: 完成网站功能开发与优化
- 完善产品页面布局与交互
- 优化服务详情页用户体验
- 增强新闻模块内容展示
- 改进团队页面设计
- 优化全局样式和响应式布局
- 添加分页组件支持
- 提升性能与SEO优化
- 修复已知问题与改进代码质量
2026-04-27 20:53:39 +08:00
张翔 3d8d23affa fix(breadcrumb): 终极修复 - 覆盖全局min-height:44px + 扁平化结构
根因(通过Playwright Chromium+WebKit双引擎测量确认):
globals.css 第1148行 a,button { min-height:44px; min-width:44px }
在移动端强制所有链接最小44px,导致:
- Home链接容器44px,SVG仅14px → SVG贴容器顶部
- 文字链接容器44px,文字仅12px → 文字贴容器顶部
- 箭头SVG不受影响(不是<a>标签) → 保持自然大小
→ 三者center差异高达16px

修复:
1. 面包屑链接添加 style={{ minHeight:0, minWidth:0 }} 覆盖全局规则
2. 扁平化结构:所有元素直接作为nav的flex子元素
3. 移除嵌套的span容器,用Fragment替代

验证结果(Chromium + WebKit 双引擎):
- Home SVG center=83
- 箭头 SVG center=83
- 文字 center=82.5
- 差异仅0.5px 
2026-04-23 14:44:37 +08:00
张翔 751d37af6e fix(breadcrumb): 第10次修复 - 统一alignItems对齐策略
根因(通过Playwright精确测量确认):
- Home SVG top=76, 箭头 SVG top=92, 差异16px
- Home链接没有 alignItems:'center'
- 箭头容器有 alignItems:'center' → 导致SVG被居中

修复:
- 给Home链接添加 alignItems:'center', justifyContent:'center'
- 移除无效的 verticalAlign:'middle'
- 所有SVG统一使用 display:'block'

验证结果:
- Home SVG top=91, 箭头 SVG top=92, 差异1px 
2026-04-23 13:43:00 +08:00
张翔 60d61cd5c6 fix(breadcrumb): 第9次尝试 - 强制inline-flex + vertical-align:middle
新策略:不再依赖Tailwind工具类,直接用style属性强制控制
- nav: lineHeight=1 消除行高差异
- 所有元素: display:inline-flex + verticalAlign:middle
- SVG图标: display:block 防止inline布局干扰
2026-04-23 13:25:16 +08:00
张翔 89ca8ae392 fix(breadcrumb): 基于浏览器实测数据修复对齐问题
根因(通过浏览器精确测量确认):
- w-5 h-5 使 Home 容器高度为 23px,而文字容器仅 16px
- 高度差 7px 导致 items-center 无法正确对齐

修复(基于实测数据):
- 移除 Home 的 w-5 h-5 固定尺寸容器
- Home 图标缩小为 w-[14px] h-[14px] 匹配文字尺寸
- 箭头缩小为 w-3 h-3
- div 改为 span 减少块级布局影响
- gap 调整为 gap-1.5/gap-0.5 更紧凑
2026-04-23 13:05:58 +08:00
张翔 3804f227f4 fix(breadcrumb+page-header): 面包屑三元素水平中心对齐 + 缩小间距
Breadcrumb 修改:
- items-baseline → items-center(水平中心线对齐)
- Home 图标外层添加 w-5 h-5 + justify-center(固定尺寸确保居中)
- 箭头添加 shrink-0 防止被压缩
- 确保 🏠 / > / 文字 三者视觉中心在同一水平线

PageHeader 修改:
- pt-16 pb-16 → pt-8 pb-12(进一步缩小与面包屑的间距)
2026-04-23 12:56:06 +08:00
张翔 c5a7796306 Revert "style(breadcrumb): 减小面包屑上下间距,拉近与标题距离"
This reverts commit 3b21774493.
2026-04-23 12:40:21 +08:00
张翔 3b21774493 style(breadcrumb): 减小面包屑上下间距,拉近与标题距离
- py-3 md:py-4 → py-1.5 md:py-2
- 移动端: 12px → 6px
- 桌面端: 16px → 8px
2026-04-23 12:31:34 +08:00
张翔 13a5a02005 fix(breadcrumb): 修复图标与文字垂直不对齐问题(第4次尝试)
根本原因:SVG图标和文字的baseline不同
- items-center 按中心对齐,但SVG和文字的"中心"定义不同
- 导致视觉上图标和文字不在同一水平线

修复方案:
- 使用 items-baseline 替代 items-center(按基线对齐)
- 添加 leading-none 移除额外行高
- 确保所有元素使用相同的基线对齐方式
2026-04-23 12:25:38 +08:00
张翔 22842843a2 fix(breadcrumb): 修复移动端面包屑垂直对齐问题
根本原因:元素padding不一致导致高度差异
- Home图标: p-1.5 → 高度28px
- 文字链接: py-1 → 高度22px
- 结果:垂直不对齐,看起来"歪"

修复内容:
- 移除所有不对称的padding
- 统一使用gap-2间距
- 箭头颜色从#E5E5E5改为#CCCCCC(更可见)
- 箭头大小调整为w-3.5 h-3.5
2026-04-23 12:12:13 +08:00
张翔 ed780e5762 fix(breadcrumb): 修复移动端面包屑偏移问题
根本原因:负边距(-ml-1/-mr-1)和不对称样式导致视觉偏移

修复内容:
- 移除所有负边距
- 统一图标大小为 w-4 h-4 (16px)
- 使用一致的间距系统 gap-1.5
- 对称的点击区域 p-1.5 rounded
2026-04-23 11:51:51 +08:00
张翔 05452b7dcf fix(breadcrumb): 优化移动端面包屑样式
- 响应式间距:移动端 gap-1,桌面端 gap-2
- 响应式文字:移动端 text-xs,桌面端 text-sm
- 响应式图标:移动端 w-3.5 h-3.5,桌面端 w-4 h-4
- 增加点击区域:添加 p-1 扩大可点击范围
- 防止布局错位:使用 shrink-0 防止元素被压缩
- 支持横向滚动:overflow-x-auto 处理内容溢出
2026-04-23 11:30:34 +08:00
张翔 2f45818724 feat(analytics): enhance Google Analytics with privacy compliance and comprehensive tracking
- Add automatic route change tracking for SPA navigation
- Implement Cookie consent banner for GDPR compliance
- Add performance tracking (LCP, FID, CLS Web Vitals)
- Add outbound link click tracking
- Integrate contact form submission tracking with conversion events
- Add CTA button click tracking in hero section
- Integrate error tracking in ErrorBoundary component
- Extend analytics utility library with 15+ tracking functions
- Configure IP anonymization and privacy settings
- Remove unused test files and deployment scripts
- Update case studies to include only specified cases
- Fix mobile navigation active state issues
- Fix lint errors in test files and components

BREAKING CHANGE: Google Analytics now requires user consent before tracking
2026-04-22 07:19:29 +08:00
张翔 6403489954 refactor: 完成静态网站转换,移除所有 CMS 和动态功能
- 删除数据库相关代码 (src/db/)
- 删除 API 路由 (src/app/api/)
- 删除认证相关代码 (src/lib/auth/, src/providers/)
- 删除监控和安全中间件 (src/lib/security/, src/lib/monitoring/)
- 删除 hooks (use-news, use-products, use-services)
- 更新组件为静态数据源
- 添加 nginx 静态配置和部署脚本
- 添加 static-link 组件
2026-04-21 07:53:56 +08:00
张翔 060566fd73 chore: clean up mobile test files and update components 2026-03-05 14:23:19 +08:00
张翔 6797c24b5c feat: 添加移动端适配和测试功能
refactor(layout): 优化页脚布局和备案信息展示
feat(constants): 添加ICP备案和公安备案信息
feat(header): 实现移动端加载时的骨架屏效果
style(globals): 调整文字颜色和添加移动端响应样式
feat(breadcrumb): 增加返回按钮和响应式优化
feat(e2e): 添加移动端测试工具和测试用例
docs: 添加页脚重设计文档
2026-03-05 11:40:21 +08:00
张翔 9451814ca4 feat: 添加面包屑导航组件并优化页面布局
refactor: 重构页面结构和导航逻辑

fix: 修复移动端菜单导航和滚动行为

perf: 优化图片加载性能和资源请求

test: 添加端到端测试和性能测试用例

docs: 更新.gitignore文件

chore: 更新依赖和配置

style: 优化代码格式和类型安全

ci: 调整Playwright测试超时时间

build: 更新Next.js配置和构建选项
2026-02-28 09:09:04 +08:00