我来帮你构建这个游戏攻略论坛页面!这是一个功能丰富的项目,让我先生成设计灵感并了解项目结构。
我已获取了设计灵感和项目结构。这是一个复杂的多模块项目,让我先创建任务列表来系统地构建:
现在开始构建。首先更新主题样式,采用深色游戏风格主题:
现在进入下一个任务,构建顶部导航与布局框架:
现在创建主页面,将所有组件整合:
游戏攻略论坛页面已完成构建!我创建了一个类似 TapTap/小黑盒风格的深色主题游戏社区页面,包含以下核心模块:
页面结构:
- 顶部导航栏:游戏Logo、主导航菜单、搜索框、通知铃铛、用户下拉菜单,移动端适配折叠菜单
- 左侧导航栏:攻略分类(新手入门、进阶技巧、角色攻略等)、社区板块、工具入口
- Banner轮播区:展示版本更新、活动公告,带自动播放和手动控制
- 中间内容流:热门攻略卡片网格 + 社区帖子列表,支持热度/最新/精华筛选
- 右侧功能区:游戏信息卡、热门话题、活跃用户榜、官方公告栏
采用深色科技感配色方案(深紫底色 + 翠绿主色 + 橙色强调),三栏式响应式布局,小屏幕自动隐藏侧边栏。