zihanjian
|
5c0bf23c6a
|
更新横向Banner背景颜色和暗黑模式支持
|
2025-07-05 02:22:26 +08:00 |
|
zihanjian
|
1a014e0692
|
进一步缩小横向Banner在大屏幕上的宽度
- 将最大宽度从 max-w-7xl (1280px) 改为 max-w-4xl (896px)
- 添加垂直内边距 (py-2) 让Banner与页面内容有适当间距
- 保持圆角和阴影效果
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-07-04 18:59:23 +08:00 |
|
zihanjian
|
b643081c0b
|
修改广告组件使用实际图片文件
- 横向Banner使用 /public/banner.png
- 竖向广告使用 /public/mainpage.png
- 添加图片存在性检查，图片不存在时不显示广告
- 使用 Next.js Image 组件优化图片加载
现在只需要将对应的图片文件放到 public 目录下即可显示广告。
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-07-04 17:51:10 +08:00 |
|
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
|
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 |
|