Commit Graph

4 Commits

Author SHA1 Message Date
zihanjian
c5d9ffff2b 添加广告时间控制功能
- 创建环境变量配置示例文件 .env.example
- 添加广告配置工具函数,支持时间控制和链接配置
- 修改广告组件,根据环境变量控制显示
- 支持以下环境变量:
  - NEXT_PUBLIC_AD_END_TIME: 广告结束时间
  - NEXT_PUBLIC_AD_ENABLED: 是否启用广告
  - NEXT_PUBLIC_AD_LINK: 广告跳转链接

使用方法:
1. 复制 .env.example 为 .env.local
2. 设置广告结束时间,超过该时间广告自动下线
3. 可通过 NEXT_PUBLIC_AD_ENABLED=false 立即关闭广告

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-04 17:40:57 +08:00
zihanjian
c6cd15040d 为广告组件添加点击跳转功能
- 竖向广告和横向Banner都添加了链接包装
- 点击广告将在新标签页打开Google主页
- 添加了hover效果提升交互体验
- 使用了安全的链接属性(target="_blank" rel="noopener noreferrer")

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-04 17:33:22 +08:00
zihanjian
656db4fcb9 修正竖向广告比例为3:5(宽:高)
- 将竖向广告的宽高比从5:3改为3:5
- 调整宽度为300px,使其呈现真正的竖向效果
- 更新占位图片的尺寸以匹配新比例

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-04 17:27:17 +08:00
zihanjian
3e3d821e7d 添加首页广告组件
- 创建竖向广告弹窗组件(5:3比例,右上角可关闭)
- 创建横向Banner广告组件(7:1比例,顶部展示)
- 在首页集成两个广告组件
- 竖向广告延迟1秒后显示,避免影响首屏加载

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-04 17:24:56 +08:00