hookehuyr

docs(welcome): 确定功能入口列表,更新开发计划

功能入口配置:
- 课程中心: /courses (对应底部Tab第2个入口)
- 活动中心: /activity (对应底部Tab第3个入口)
- 时光机: /recall/login (回顾功能)
- 个人中心: /profile (对应底部Tab第4个入口)

更新内容:
- plan.md: 新增完整的 welcomeEntries.js 配置
- README.md: 更新开发进度,标记功能入口为已完成
- brainstorm.md: 更新待确认事项

技术说明:
- 使用优先级排序 (priority 1-4)
- 每个入口包含:id, title, subtitle, icon, route, color
- 支持动态配置化,便于后续调整

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -70,17 +70,17 @@ VITE_WELCOME_VIDEO_URL=https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4
- [x] 通用上传工具 (`scripts/upload-to-qiniu.sh`)
- [x] 详细实现计划 (`plan.md`)
- [x] 头脑风暴文档 (`brainstorm.md`)
- [x] 功能入口列表确定(课程、活动、时光机、我的)
### ⏳ 待开发
- [ ] 七牛云通用上传工具 (`scripts/upload-to-qiniu.sh`)
- [ ] VideoBackground 组件
- [ ] WelcomeContent 组件
- [ ] WelcomeEntryItem 组件
- [ ] 路由与首次访问逻辑
- [ ] 功能入口配置
- [ ] 功能入口配置实现
### ❌ 待确认
- [ ] 页面效果图 (设计稿)
- [ ] 功能入口列表
- [ ] 页面布局细节 (顶部/底部元素)
---
......@@ -139,10 +139,17 @@ window.showWelcome()
- ✅ 调试工具支持
### 功能入口
- ✅ 四个核心功能入口已确定
- ⏳ 持续循环的呼吸缩放动效
- ⏳ 2-3列网格布局
- ⏳ 配置化入口列表
**功能入口详情:**
1. **课程中心** (`/courses`) - 探索精选课程
2. **活动中心** (`/activity`) - 精彩活动不容错过
3. **时光机** (`/recall/login`) - 回顾学习历程
4. **个人中心** (`/profile`) - 管理您的账户
---
## 📞 常见问题
......
......@@ -417,9 +417,13 @@ const posterUrl = 'https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4?vframe/jpg/o
根据需求文档,以下事项需要确认:
1.**背景视频文件** - `video/welcome-bg.mp4` 已添加
1.**背景视频文件** - `video/welcome-bg.mp4` 已添加并上传到七牛云
2.**页面效果图** - `img/` 文件夹为空,需要设计稿确认布局
3.**功能入口列表** - 具体跳转地址未知
3.**功能入口列表** - 已确定底部Tab的四个功能入口
- 课程中心: `/courses`
- 活动中心: `/activity`
- 时光机: `/recall/login`
- 个人中心: `/profile`
4.**页面布局细节** - 顶部/底部是否需要元素(Logo、标语、按钮等)
**建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。
......
......@@ -765,7 +765,7 @@ if (import.meta.env.DEV) {
```javascript
/**
* 欢迎页功能入口配置
* 待设计稿确认后更新具体内容
* 对应项目底部Tab的四个主要功能入口
*/
export const welcomeEntries = [
{
......@@ -778,15 +778,32 @@ export const welcomeEntries = [
priority: 1
},
{
id: 'checkin',
title: '每日打卡',
subtitle: '记录学习点滴',
icon: '',
route: '/checkin',
color: '#2196F3',
id: 'activity',
title: '活动中心',
subtitle: '精彩活动不容错过',
icon: '🎉',
route: '/activity',
color: '#FF9800',
priority: 2
},
{
id: 'recall',
title: '时光机',
subtitle: '回顾学习历程',
icon: '⏰',
route: '/recall/login',
color: '#9C27B0',
priority: 3
},
{
id: 'profile',
title: '个人中心',
subtitle: '管理您的账户',
icon: '👤',
route: '/profile',
color: '#2196F3',
priority: 4
}
// ... 更多入口(等设计稿确认)
]
/**
......@@ -797,6 +814,27 @@ export function getSortedEntries() {
}
```
**功能入口说明:**
1. **课程中心** (`/courses`)
- 对应底部Tab第二个入口
- 浏览和购买课程
- 查看学习进度
2. **活动中心** (`/activity`)
- 对应底部Tab第三个入口
- 查看最新活动信息
- 活动报名和参与
3. **时光机** (`/recall/login`)
- 回顾功能和历史记录
- 用户成长历程展示
4. **个人中心** (`/profile`)
- 对应底部Tab第四个入口
- 个人资料管理
- 学习记录和设置
#### 步骤 2: 创建功能入口项组件
**文件:** `src/components/welcome/WelcomeEntryItem.vue`
......@@ -1287,10 +1325,10 @@ https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4?vframe/jpg/offset/0.001/w/1920/
## 待确认事项
1.**背景视频文件** - `video/welcome-bg.mp4` 已添加
1.**背景视频文件** - `video/welcome-bg.mp4` 已添加并上传到七牛云
2.**页面效果图** - 需要设计稿确认布局
3. **功能入口列表** - 需要确认具体入口和跳转地址
4.**页面布局细节** - 顶部/底部是否需要元素
3. **功能入口列表** - 已确定(课程、活动、时光机、我的)
4.**页面布局细节** - 顶部/底部是否需要元素(Logo、标语、按钮等)
**建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。
......