Dota2 资讯站

为赛事热点和专题运营预留空间的前端骨架

首页当前聚焦站点定位、TI15 入口与首版内容骨架。所有展示内容来自本地静态数据,优先确保可维护、可扩展、可静态导出。

路由策略Pages Router
样式方案SCSS + Modules
交付目标可直接继续开发

内容骨架

先把站点骨架和重要专题入口搭稳

首页负责承接全站定位、专题导流和工程约束说明,后续可以继续增补资讯流、栏目位和推荐位。

首版重点

The International 15 专题页

把 TI15 作为站点重要一级专题入口,首页直接承接跳转与导流。

查看内容

内容组织

用静态数据先跑通前端结构

首版不依赖接口,方便先稳定布局、规范、数据模型与样式体系。

查看内容

后续演进

为更多赛事专题保留平滑扩展位

未来可继续扩展 `/ti16`、`/ti17`,沿用同一套专题模块与数据结构。

查看内容
首页模块

基础布局与全局样式已打通

统一容器、栅格、按钮、卡片与排版规则,减少后续样式分叉。

专题模块

TI15 使用独立模块和数据定义

既保留一级路径,又不把专题实现写死在首页组件里。

工程规范

锁版本、锁包管理器、锁代码风格

把安装、构建与协作的一致性放在首位,避免首版工程漂移。

工程原则

首版优先低风险可落地

不引入接口层、不引入动态路由、不做过度抽象,先保证安装、构建、静态导出和后续演进空间。

路径清晰

保留 `/ti15` 一级路由,站点热点专题不被埋进二级目录。

样式明确

组件样式全部内聚到 CSS Modules,全局样式只保留入口和基础 reset。

数据独立

首页与专题内容全部来自 `src/data`,后续接真实接口时更容易替换。