jacket-sikaha / game-events-calendar

通过调用手游官网和Wiki或爬虫，实时获取各大手游活动信息并整理到日历中，助您轻松规划游戏时间。

Game-Events-Calendar

通过调用手游官网和 Wiki 的 API，实时获取各大手游活动信息并整理到日历中，助您轻松规划游戏时间。

DIY 日历组件(基于 Tailwindcss 和 Dayjs 设计)

• 具备日历基本的查看各个年份的日期功能

• 对于日程的显示：

  初步设计成两种界面------简略/详细版

  1. 详细版主要用于 pc 端，网格弹性布局
  2. 可以看到一个个时间条，上面有日程名称，长度对应起始与结束时间，有颜色区分，如果跨行，日程其位置，颜色要一致
  3. 有侧边栏显示具体的活动内容
  4. 简略版有日程的日期上方有一个小点提示
  5. 切换日期，下方显示当天具体日程

• 响应式设计+两种界面切换（次）

• 追加动效（次）

• UI 设计参考+MIUI 的日历

  

  详细版参考：vue-simple-calendar

详细版预览图

---

2023/7/22 计划接入 API 数据和基于日历组件正式进行 Game-Events-Calendar 页面开发

demo 页面

https://gameevent-frontend.pages.dev/

目前已接入游戏：PCR 原神 星穹铁道 FGO 明日方舟 精确度目前暂时精确到天，后续看情况细分到分钟

---

• 2024/2/13 调整日历布局和日历显示，不再因侧边栏伸缩而出现高度变化，支持点击对应的周日程控制其高度折叠
• 2024/7/27 使用 cheerio 提取出 fgo 的 banner 图
• 2024/8/10 提取出明日方舟的 banner 图
• 2024/8/13 新增接入游戏：鸣潮，战双帕弥什，点击图片支持预览

---

警告：本项目仅供学习参考使用

本项目的目的是为了提供一个学习资源，展示一些技术实现和编程概念。请注意，这个项目可能包含有关第三方软件、库或服务的代码示例和配置信息。但这些示例代码、配置信息或引用并不意味着本项目的开发者对这些内容的商业版权进行任何声明。

谢谢！

game-events-calendar's Issues

下一步优化

采用amp-img标签，推迟加载屏幕外图片
https://amp.dev/documentation/components/amp-img
SEO优化：
添加meta描述
查询资料看看是否有其他优化方法

跨年活动日历显示有问题，没有以年的标准区分

待办：
修复年区分的显示问题
页面标签的icon和侧边导航栏星穹铁道的图标需要更换
左边简略事件时间显示加上年