Dota2 资讯站
为赛事热点和专题运营预留空间的前端骨架
首页当前聚焦站点定位、TI15 入口与首版内容骨架。所有展示内容来自本地静态数据,优先确保可维护、可扩展、可静态导出。
内容骨架
先把站点骨架和重要专题入口搭稳
首页负责承接全站定位、专题导流和工程约束说明,后续可以继续增补资讯流、栏目位和推荐位。
首版重点
The International 15 专题页
把 TI15 作为站点重要一级专题入口,首页直接承接跳转与导流。
查看内容内容组织
用静态数据先跑通前端结构
首版不依赖接口,方便先稳定布局、规范、数据模型与样式体系。
查看内容后续演进
为更多赛事专题保留平滑扩展位
未来可继续扩展 `/ti16`、`/ti17`,沿用同一套专题模块与数据结构。
查看内容基础布局与全局样式已打通
统一容器、栅格、按钮、卡片与排版规则,减少后续样式分叉。
TI15 使用独立模块和数据定义
既保留一级路径,又不把专题实现写死在首页组件里。
锁版本、锁包管理器、锁代码风格
把安装、构建与协作的一致性放在首位,避免首版工程漂移。
工程原则
首版优先低风险可落地
不引入接口层、不引入动态路由、不做过度抽象,先保证安装、构建、静态导出和后续演进空间。
路径清晰
保留 `/ti15` 一级路由,站点热点专题不被埋进二级目录。
样式明确
组件样式全部内聚到 CSS Modules,全局样式只保留入口和基础 reset。
数据独立
首页与专题内容全部来自 `src/data`,后续接真实接口时更容易替换。