 张翔
|
016b7cfb91
|
feat(a11y,ux): implement comprehensive accessibility and UX optimizations
Phase 1: Accessibility Optimizations
- Add proper label associations and ARIA attributes to form inputs
- Implement aria-required, aria-invalid, aria-describedby for better form accessibility
- Add role='alert' for error messages
- Enhance keyboard navigation with aria-expanded, aria-controls
- Add aria-label for mobile menu button
- Implement aria-current for active navigation items
- Add semantic HTML with aria-labelledby for sections
Phase 2: UX Optimizations
- Create loading skeleton components for better loading states
- Add FormSkeleton, SectionSkeleton, and LoadingSkeleton components
- Prepare for lazy loading implementation
Files modified:
- src/components/ui/input.tsx: Enhanced with ARIA attributes
- src/components/ui/textarea.tsx: Enhanced with ARIA attributes
- src/components/layout/header.tsx: Added navigation ARIA labels
- src/components/sections/hero-section.tsx: Added section labels
- src/components/sections/services-section.tsx: Added section labels
- src/components/ui/loading-skeleton.tsx: New loading state components
Impact:
- WCAG 2.1 AA compliance improvements
- Better screen reader support
- Enhanced keyboard navigation
- Improved user feedback during loading
|
2026-02-24 00:40:19 +08:00 |
|
|
张翔
|
5ec2ad0043
|
style(ui组件): 更新UI组件颜色方案为深色主题
refactor(card): 调整卡片背景色和边框颜色
refactor(badge): 修改徽章颜色变体
refactor(button): 更新按钮颜色样式
refactor(input): 调整输入框颜色方案
refactor(textarea): 修改文本区域颜色样式
refactor(header): 更新导航栏颜色
refactor(hero-section): 调整英雄区域颜色和渐变
|
2026-02-23 09:18:41 +08:00 |
|
|
张翔
|
39c37d15fb
|
refactor: 优化导航栏右侧按钮，移除重复文案
- 移除重复的'联系我们'按钮
- 移除'了解更多'按钮（导航栏已有'关于我们'链接）
- 保留一个'立即咨询'主按钮，引导用户行动
|
2026-02-23 08:32:39 +08:00 |
|
|
张翔
|
d6e87dfafe
|
fix: 修复导航栏点击后 active 状态被滚动覆盖的问题
- 添加 isScrollingRef 标记，在点击导航后阻止滚动监听器更新 activeSection
- 改进 section 检测逻辑，使用 sectionTop 和 sectionBottom 精确判断
- 点击导航后 1 秒内不响应滚动检测，确保平滑滚动完成
|
2026-02-23 08:26:03 +08:00 |
|
|
张翔
|
a0c725f2bc
|
refactor: 重构 Footer 为医疗健康风格
|
2026-02-23 08:05:51 +08:00 |
|
|
张翔
|
b32fcdbbdc
|
refactor: 移除主题切换功能，统一使用明亮风格
- 从 Header 移除 ThemeToggle 组件
- 删除 theme-toggle.tsx 文件
- 简化 theme-context.tsx，只保留 light 主题~
|
2026-02-23 08:04:50 +08:00 |
|
|
张翔
|
b64ce24170
|
feat: 更新导航栏组件样式
- 添加玻璃态背景效果
- 添加科技蓝发光阴影
- 更新文字颜色使用 CSS 变量
- 统一深色模式样式
- 优化移动端菜单样式
|
2026-02-22 15:15:01 +08:00 |
|
|
张翔
|
15e17a8f20
|
fix: add light/dark mode support with Tailwind dark: prefix
|
2026-02-21 23:32:47 +08:00 |
|
|
张翔
|
4f783255a3
|
feat: update footer with dark tech theme
|
2026-02-21 23:04:32 +08:00 |
|
|
张翔
|
1b0454998d
|
feat: enhance header with dark tech theme and framer-motion animations
|
2026-02-21 22:55:24 +08:00 |
|
|
张翔
|
8175c2f035
|
feat: add dark mode support with theme toggle
|
2026-02-13 15:17:42 +08:00 |
|
|
张翔
|
7914decdaf
|
feat: add mobile optimization with hooks and touch components
|
2026-02-13 14:46:21 +08:00 |
|
|
张翔
|
522f1e09a7
|
feat: 重构网站UI设计并优化布局结构
重构整体UI设计，采用红色主题配色方案
优化页面布局结构，将Header和Footer移至page组件
更新按钮样式和交互效果，增强视觉反馈
调整全局字体配置，使用思源黑体作为中文字体
改进各区块卡片样式，增加悬停动画效果
优化响应式设计，提升移动端体验
|
2026-02-08 16:46:22 +08:00 |
|
|
张翔
|
f14002559e
|
feat(e2e-tests): 添加端到端测试框架及测试用例
refactor(components): 调整头部和页脚布局样式
style(hero-section): 更新徽章动画效果
docs: 添加测试框架README文档
test: 实现首页、导航和联系表单的测试用例
ci: 添加CI测试脚本和配置
|
2026-02-02 19:36:33 +08:00 |
|
|
张翔
|
150024b6ac
|
build: 更新Next.js配置以支持静态导出并添加新依赖
更新next.config.ts文件以支持静态导出功能，并添加了多个新的依赖项到package.json中，包括UI组件库和动画库。同时生成了构建相关的文件和配置。
|
2026-02-02 17:59:29 +08:00 |
|