virtheart/arcticnewone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
69 Commits 1 Branch 0 Tags
a6935a83912bc6f2d6bae3bdadb5bfdd9d0beadc
Commit Graph

26 Commits

Author SHA1 Message Date
陈春 a6935a8391 fix: 修复作品和动态页面动画闪现问题 
🐛 问题:
- 元素先闪现一点点，然后突然出现
- 动画时间长且不连贯

✅ 修复:
- 先用 gsap.set() 设置初始状态为隐藏
- 再播放动画，防止闪现
- 缩短动画时间（0.85s → 0.5s）
- 增加 stagger 重叠，动画更紧凑

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-03 20:42:00 +08:00
陈春 3d68f56a94 feat: 新增作品和动态详情页 
✨ Work 详情页 (/work/[slug]):
- Hero 大图 + 渐变遮罩
- 项目概述、挑战、解决方案
- 项目截图画廊
- 右侧信息卡片（客户、年份、周期、服务）
- 访问项目按钮
- 相关项目推荐
- 返回列表按钮
- 完整中英文内容

✨ News 详情页 (/news/[slug]):
- Hero 大图 + 渐变遮罩
- 分类标签 + 日期 + 阅读时间 + 作者
- 文章正文（多段落 + 引用 + 图片）
- 分享按钮（Twitter、LinkedIn、复制链接）
- 相关文章推荐
- 返回列表按钮
- 完整中英文内容

🔧 列表页更新:
- work.vue → work/index.vue
- news.vue → news/index.vue
- 卡片链接改为 NuxtLink 到详情页

🌍 国际化:
- 6 个作品详情（中文 + 英文）
- 6 篇文章详情（中文 + 英文）

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-03 20:35:02 +08:00
陈春 89c4c4c7b5 fix: 恢复首页动画序列控制逻辑 
🐛 根本问题:
- 添加新板块时误删了首页的核心动画控制代码
- 导致 HomeIntro 和 HomeHero 的 play() 方法从未被调用
- 动画序列完全失效

❌ 缺失的关键代码:
1. HomeIntro 和 HomeHero 的 ref 引用
2. watch 监听 appStore.isAppLoading 状态
3. 依次调用 intro.play() 和 hero.play()
4. usePageScrollLock 滚动锁定
5. isIntroActive 状态管理

✅ 修复内容:
- 恢复完整的动画序列控制逻辑
- 重新添加 ref 引用和 watch 监听
- 确保动画按正确顺序播放：
  AppLoader → HomeIntro → HomeHero → 解锁滚动
- 保留所有新增的板块组件

🎯 现在的加载流程:
1. AppLoader (1.2s)
2. HomeIntro - ArcticNewOne 文字动画
3. HomeHero - 主视觉滑入
4. Header 菜单出现
5. 解锁页面滚动
6. 用户可以滚动浏览后续板块

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-03 19:34:56 +08:00
陈春 cd87644d41 feat: 扩展首页内容，新增7个高级动画板块 
✨ 新增首页板块:
- HomeServices: 服务能力展示（3D卡片翻转 + 视差移动）
- HomeAchievements: 数字成就展示（数字滚动 + 粒子背景）
- HomeTestimonials: 客户评价轮播（3D轮播 + 拖拽交互）
- HomeTechStack: 技术栈展示（3D球体 + 鼠标控制旋转）
- HomeProcess: 创意流程时间线（横向滚动 + SVG线条动画）
- HomeUpdates: 最新动态网格（Bento布局 + 悬浮卡片）
- HomeCTA: 全屏CTA区域（文字分裂动画 + 星空粒子）

🎨 设计亮点:
- 每个板块独特的动画效果（翻转、滚动、拖拽、旋转、绘制）
- 避免传统布局，采用创意设计
- 丰富的交互效果（hover、拖拽、视差）
- Canvas粒子动画和SVG路径动画
- 响应式设计，完美适配移动端

🌍 国际化:
- 完整的中英文内容
- 涵盖所有新板块的文案

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-03 19:14:53 +08:00
陈春 f4684f694e feat: 完成所有页面功能和用户认证系统 
✨ 新增功能:
- Work 和 News 页面实现筛选功能
- Contact 页面联系表单提交功能（加载状态、成功/失败反馈）
- Newsletter 订阅功能（邮箱验证、状态反馈）
- 移动端汉堡菜单功能（全屏菜单、动画效果）
- 用户登录/注册系统（支持账号/邮箱/手机号三合一）
- 用户状态管理（Pinia store + localStorage 持久化）
- 登录和注册弹窗组件（表单验证、错误提示）
- 用户头像和下拉菜单（桌面端和移动端）

🎨 优化改进:
- Footer 显示问题修复（多重备用机制）
- 联系信息更新（邮箱改为 chenchun@virtheart.com，手机改为微信）
- 完整的国际化支持（中英文双语）
- 响应式设计优化

🔧 技术实现:
- GSAP 动画系统
- 表单验证和反馈
- 状态持久化
- 自动生成用户头像

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-03 19:03:57 +08:00
陈春 c9cf644ac5 chore: 添加构建推送脚本并更新项目配置 
- 添加 build-and-push.sh 脚本用于自动化构建和推送 Docker 镜像
- 更新 .dockerignore 排除 pnpm-workspace.yaml
- 更新项目依赖和配置文件
 2026-06-03 17:19:14 +08:00
virtheart 0c1bcd6237 feat(首页): 添加合作伙伴和作品集展示组件 
添加新的HomePartnersWork组件，包含合作伙伴列表和作品集展示区
更新中英文翻译文件，新增相关文案
移除首页占位内容，使用新组件替代
 2026-04-29 21:39:19 +08:00
virtheart 3256ed8ff4 feat(页面): 添加工具页面链接并优化页脚动画效果 
在页脚添加工具页面链接，并优化动画效果使用GSAP实现更流畅的过渡。同时为工具数据添加类型定义以提高代码可维护性。

- 在ArcticNewOneFooter.vue中添加工具链接
- 优化GSAP动画配置，使用fromTo实现更精细控制
- 为tools.vue中的工具数据添加ToolItem接口类型
- 添加CSS类实现动画元素的初始状态
 2026-04-28 15:11:47 +08:00
virtheart b71ab1a342 feat(tools): 添加工具箱页面及国际化支持 
添加新的工具箱页面，包含三个实用工具卡片。更新国际化文件支持多语言显示。优化页面滚动锁定功能，使其可配置自定义类名。调整导航栏菜单项显示逻辑。

工具箱页面包含入场动画效果，并添加SEO元信息。滚动锁定功能现在支持自定义类名，便于不同场景使用。导航栏现在动态显示中间菜单项，排除最后一项。
 2026-04-28 14:32:57 +08:00
virtheart 52112284cb fix(动画): 修复首页动画重复播放和顶部导航显示问题 
修复首页动画在特定条件下可能重复播放的问题，通过添加 hasPlayedIntro 状态控制
优化顶部导航的显示逻辑，增加即时显示和隐藏功能，并清理事件监听和定时器
 2026-04-27 17:01:39 +08:00
virtheart dba0c18001 refactor(composables): 改进页面滚动锁定逻辑并修复潜在问题 
确保在客户端插件加载完成后再获取 Lenis 实例
修复组件卸载时可能的状态不一致问题
将 useHead 配置整合到 usePageScrollLock 中
 2026-04-27 02:51:45 +08:00
virtheart a353322454 refactor: 移除用户存储及相关演示用户逻辑 2026-04-27 02:44:55 +08:00
virtheart ea9b7747e2 fix(首页): 修复入场动画期间滚动锁定问题 
确保在 Lenis 加载完成前后都能正确锁定页面滚动
修复滚动锁定计数逻辑，避免重复操作
 2026-04-27 02:42:03 +08:00
virtheart 226dc5c147 refactor(滚动锁定): 重构页面滚动锁定逻辑 
- 使用全局计数器解决多组件并发锁定竞态问题
- 将 HTML class 注入逻辑移至 composable 中统一管理
- 优化锁定状态更新逻辑，避免重复操作
- 移除不再需要的计算属性和导入
 2026-04-27 02:34:19 +08:00
virtheart 76e7b4b817 refactor(components): 优化动画组件代码结构并移除冗余样式 
style(pages): 使用实用类替换内联样式
refactor(composables): 简化页面标题模板逻辑
docs(components): 添加详细注释说明动画逻辑
 2026-04-27 02:28:49 +08:00
virtheart 044042fe7e feat: 重构应用加载流程和动画管理 
- 新增 AppLoader 组件作为全局加载器
- 引入 Pinia 状态管理应用加载状态
- 创建 usePageScrollLock 组合式函数管理滚动锁定
- 重构首页动画流程，使用 Promise 链式调用
- 移除旧的 HomeLoader 组件
- 优化头部导航栏的入场动画触发逻辑
 2026-04-27 02:19:29 +08:00
virtheart 1bc881994f refactor(home): 将首页组件拆分为独立模块并优化代码结构 
将首页的加载动画、介绍动画和英雄区域拆分为独立的组件文件
移除index.vue中冗余的样式和逻辑，通过组件引用方式重构
优化代码组织结构，提高可维护性
 2026-04-26 23:07:37 +08:00
virtheart 8b5f6720cd feat(seo): 为页面添加SEO元数据配置 2026-04-26 23:06:41 +08:00
virtheart f6f8e82a7b feat(页面): 添加新闻、作品、工作室和联系页面 
添加四个新的页面组件：news.vue、work.vue、studio.vue 和 contact.vue
同时更新.gitignore文件，添加.trae忽略项
 2026-04-26 23:01:19 +08:00
virtheart 78439ba069 feat(header): 重构导航栏动画逻辑并优化入场效果 
将导航栏动画控制从首页迁移到组件内部，实现更流畅的从底部飞入效果
添加自定义事件监听和保底机制确保导航栏正常显示
优化导航链接样式和交互效果
 2026-04-26 22:57:41 +08:00
virtheart ed9866211d feat(i18n): 添加应用名称和描述的国际化支持 
添加中英文的应用名称和描述配置
优化全局和首页的SEO meta设置
配置响应式的标题模板和国际化meta信息
 2026-04-26 22:26:53 +08:00
virtheart af898f1cfe refactor(页面动画): 优化首页动画元素引用和初始化逻辑 
移除未使用的 introCharRefs 引用，改用 gsap.utils.toArray 获取字符元素
将 '.hero-intro-tm' 选择器结果缓存为 tmElement 避免重复查询
为静态元素添加 v-once 指令提升性能
调整部分元素的初始 opacity 和 visibility 状态
 2026-04-26 21:58:25 +08:00
virtheart c1ab766c49 feat: 添加页面加载动画并优化首屏入场效果 
- 在页面加载时添加加载进度条动画
- 重构首屏入场动画逻辑，分离加载层和品牌展示层
- 优化滚动控制逻辑，避免 class 和 inline style 冲突
- 添加动画状态管理变量，防止重复触发
 2026-04-26 21:55:48 +08:00
virtheart a22739aa7d feat: 添加 Pinia 状态管理并重构首页动画逻辑 
- 添加 Pinia 作为状态管理工具，创建用户 store 管理登录状态
- 重构首页动画逻辑，使用 CSS sticky 替代 ScrollTrigger 实现更流畅的滚动效果
- 优化首屏加载和动画播放流程，修复热更新时的样式残留问题
- 添加演示用户数据并展示在页面属性中
 2026-04-26 20:39:14 +08:00
virtheart 3173bd3cd6 feat: 添加首页入场动画并优化滚动交互 
- 在 lenis.client.ts 中提供 lenis 实例供全局使用
- 添加首页入场动画，包含字母动画和过渡效果
- 优化滚动行为，入场期间锁定滚动
- 修复自定义光标初始位置问题
- 调整页面布局样式，隐藏滚动条
- 更新头部组件类名以匹配新设计
 2026-04-26 19:26:27 +08:00
virtheart fc52afda99 feat: 初始化Arctic New One项目基础架构 
添加项目基础文件结构，包括：
- 国际化多语言支持
- Tailwind CSS配置
- 自定义布局组件
- 平滑滚动和动画效果
- 自定义光标交互
- 错误页面处理
 2026-04-26 19:03:48 +08:00