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>
Showing
3 changed files
with
65 additions
and
16 deletions
| ... | @@ -70,17 +70,17 @@ VITE_WELCOME_VIDEO_URL=https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4 | ... | @@ -70,17 +70,17 @@ VITE_WELCOME_VIDEO_URL=https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4 |
| 70 | - [x] 通用上传工具 (`scripts/upload-to-qiniu.sh`) | 70 | - [x] 通用上传工具 (`scripts/upload-to-qiniu.sh`) |
| 71 | - [x] 详细实现计划 (`plan.md`) | 71 | - [x] 详细实现计划 (`plan.md`) |
| 72 | - [x] 头脑风暴文档 (`brainstorm.md`) | 72 | - [x] 头脑风暴文档 (`brainstorm.md`) |
| 73 | +- [x] 功能入口列表确定(课程、活动、时光机、我的) | ||
| 73 | 74 | ||
| 74 | ### ⏳ 待开发 | 75 | ### ⏳ 待开发 |
| 75 | -- [ ] 七牛云通用上传工具 (`scripts/upload-to-qiniu.sh`) | ||
| 76 | - [ ] VideoBackground 组件 | 76 | - [ ] VideoBackground 组件 |
| 77 | - [ ] WelcomeContent 组件 | 77 | - [ ] WelcomeContent 组件 |
| 78 | +- [ ] WelcomeEntryItem 组件 | ||
| 78 | - [ ] 路由与首次访问逻辑 | 79 | - [ ] 路由与首次访问逻辑 |
| 79 | -- [ ] 功能入口配置 | 80 | +- [ ] 功能入口配置实现 |
| 80 | 81 | ||
| 81 | ### ❌ 待确认 | 82 | ### ❌ 待确认 |
| 82 | - [ ] 页面效果图 (设计稿) | 83 | - [ ] 页面效果图 (设计稿) |
| 83 | -- [ ] 功能入口列表 | ||
| 84 | - [ ] 页面布局细节 (顶部/底部元素) | 84 | - [ ] 页面布局细节 (顶部/底部元素) |
| 85 | 85 | ||
| 86 | --- | 86 | --- |
| ... | @@ -139,10 +139,17 @@ window.showWelcome() | ... | @@ -139,10 +139,17 @@ window.showWelcome() |
| 139 | - ✅ 调试工具支持 | 139 | - ✅ 调试工具支持 |
| 140 | 140 | ||
| 141 | ### 功能入口 | 141 | ### 功能入口 |
| 142 | +- ✅ 四个核心功能入口已确定 | ||
| 142 | - ⏳ 持续循环的呼吸缩放动效 | 143 | - ⏳ 持续循环的呼吸缩放动效 |
| 143 | - ⏳ 2-3列网格布局 | 144 | - ⏳ 2-3列网格布局 |
| 144 | - ⏳ 配置化入口列表 | 145 | - ⏳ 配置化入口列表 |
| 145 | 146 | ||
| 147 | +**功能入口详情:** | ||
| 148 | +1. **课程中心** (`/courses`) - 探索精选课程 | ||
| 149 | +2. **活动中心** (`/activity`) - 精彩活动不容错过 | ||
| 150 | +3. **时光机** (`/recall/login`) - 回顾学习历程 | ||
| 151 | +4. **个人中心** (`/profile`) - 管理您的账户 | ||
| 152 | + | ||
| 146 | --- | 153 | --- |
| 147 | 154 | ||
| 148 | ## 📞 常见问题 | 155 | ## 📞 常见问题 | ... | ... |
| ... | @@ -417,9 +417,13 @@ const posterUrl = 'https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4?vframe/jpg/o | ... | @@ -417,9 +417,13 @@ const posterUrl = 'https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4?vframe/jpg/o |
| 417 | 417 | ||
| 418 | 根据需求文档,以下事项需要确认: | 418 | 根据需求文档,以下事项需要确认: |
| 419 | 419 | ||
| 420 | -1. ✅ **背景视频文件** - `video/welcome-bg.mp4` 已添加 | 420 | +1. ✅ **背景视频文件** - `video/welcome-bg.mp4` 已添加并上传到七牛云 |
| 421 | 2. ❌ **页面效果图** - `img/` 文件夹为空,需要设计稿确认布局 | 421 | 2. ❌ **页面效果图** - `img/` 文件夹为空,需要设计稿确认布局 |
| 422 | -3. ❌ **功能入口列表** - 具体跳转地址未知 | 422 | +3. ✅ **功能入口列表** - 已确定底部Tab的四个功能入口 |
| 423 | + - 课程中心: `/courses` | ||
| 424 | + - 活动中心: `/activity` | ||
| 425 | + - 时光机: `/recall/login` | ||
| 426 | + - 个人中心: `/profile` | ||
| 423 | 4. ❌ **页面布局细节** - 顶部/底部是否需要元素(Logo、标语、按钮等) | 427 | 4. ❌ **页面布局细节** - 顶部/底部是否需要元素(Logo、标语、按钮等) |
| 424 | 428 | ||
| 425 | **建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。 | 429 | **建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。 | ... | ... |
| ... | @@ -765,7 +765,7 @@ if (import.meta.env.DEV) { | ... | @@ -765,7 +765,7 @@ if (import.meta.env.DEV) { |
| 765 | ```javascript | 765 | ```javascript |
| 766 | /** | 766 | /** |
| 767 | * 欢迎页功能入口配置 | 767 | * 欢迎页功能入口配置 |
| 768 | - * 待设计稿确认后更新具体内容 | 768 | + * 对应项目底部Tab的四个主要功能入口 |
| 769 | */ | 769 | */ |
| 770 | export const welcomeEntries = [ | 770 | export const welcomeEntries = [ |
| 771 | { | 771 | { |
| ... | @@ -778,15 +778,32 @@ export const welcomeEntries = [ | ... | @@ -778,15 +778,32 @@ export const welcomeEntries = [ |
| 778 | priority: 1 | 778 | priority: 1 |
| 779 | }, | 779 | }, |
| 780 | { | 780 | { |
| 781 | - id: 'checkin', | 781 | + id: 'activity', |
| 782 | - title: '每日打卡', | 782 | + title: '活动中心', |
| 783 | - subtitle: '记录学习点滴', | 783 | + subtitle: '精彩活动不容错过', |
| 784 | - icon: '✅', | 784 | + icon: '🎉', |
| 785 | - route: '/checkin', | 785 | + route: '/activity', |
| 786 | - color: '#2196F3', | 786 | + color: '#FF9800', |
| 787 | priority: 2 | 787 | priority: 2 |
| 788 | + }, | ||
| 789 | + { | ||
| 790 | + id: 'recall', | ||
| 791 | + title: '时光机', | ||
| 792 | + subtitle: '回顾学习历程', | ||
| 793 | + icon: '⏰', | ||
| 794 | + route: '/recall/login', | ||
| 795 | + color: '#9C27B0', | ||
| 796 | + priority: 3 | ||
| 797 | + }, | ||
| 798 | + { | ||
| 799 | + id: 'profile', | ||
| 800 | + title: '个人中心', | ||
| 801 | + subtitle: '管理您的账户', | ||
| 802 | + icon: '👤', | ||
| 803 | + route: '/profile', | ||
| 804 | + color: '#2196F3', | ||
| 805 | + priority: 4 | ||
| 788 | } | 806 | } |
| 789 | - // ... 更多入口(等设计稿确认) | ||
| 790 | ] | 807 | ] |
| 791 | 808 | ||
| 792 | /** | 809 | /** |
| ... | @@ -797,6 +814,27 @@ export function getSortedEntries() { | ... | @@ -797,6 +814,27 @@ export function getSortedEntries() { |
| 797 | } | 814 | } |
| 798 | ``` | 815 | ``` |
| 799 | 816 | ||
| 817 | +**功能入口说明:** | ||
| 818 | + | ||
| 819 | +1. **课程中心** (`/courses`) | ||
| 820 | + - 对应底部Tab第二个入口 | ||
| 821 | + - 浏览和购买课程 | ||
| 822 | + - 查看学习进度 | ||
| 823 | + | ||
| 824 | +2. **活动中心** (`/activity`) | ||
| 825 | + - 对应底部Tab第三个入口 | ||
| 826 | + - 查看最新活动信息 | ||
| 827 | + - 活动报名和参与 | ||
| 828 | + | ||
| 829 | +3. **时光机** (`/recall/login`) | ||
| 830 | + - 回顾功能和历史记录 | ||
| 831 | + - 用户成长历程展示 | ||
| 832 | + | ||
| 833 | +4. **个人中心** (`/profile`) | ||
| 834 | + - 对应底部Tab第四个入口 | ||
| 835 | + - 个人资料管理 | ||
| 836 | + - 学习记录和设置 | ||
| 837 | + | ||
| 800 | #### 步骤 2: 创建功能入口项组件 | 838 | #### 步骤 2: 创建功能入口项组件 |
| 801 | 839 | ||
| 802 | **文件:** `src/components/welcome/WelcomeEntryItem.vue` | 840 | **文件:** `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/ | ... | @@ -1287,10 +1325,10 @@ https://cdn.ipadbiz.cn/mlaj/video/welcome-bg.mp4?vframe/jpg/offset/0.001/w/1920/ |
| 1287 | 1325 | ||
| 1288 | ## 待确认事项 | 1326 | ## 待确认事项 |
| 1289 | 1327 | ||
| 1290 | -1. ✅ **背景视频文件** - `video/welcome-bg.mp4` 已添加 | 1328 | +1. ✅ **背景视频文件** - `video/welcome-bg.mp4` 已添加并上传到七牛云 |
| 1291 | 2. ❌ **页面效果图** - 需要设计稿确认布局 | 1329 | 2. ❌ **页面效果图** - 需要设计稿确认布局 |
| 1292 | -3. ❌ **功能入口列表** - 需要确认具体入口和跳转地址 | 1330 | +3. ✅ **功能入口列表** - 已确定(课程、活动、时光机、我的) |
| 1293 | -4. ❌ **页面布局细节** - 顶部/底部是否需要元素 | 1331 | +4. ❌ **页面布局细节** - 顶部/底部是否需要元素(Logo、标语、按钮等) |
| 1294 | 1332 | ||
| 1295 | **建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。 | 1333 | **建议:** 先完成技术框架和上传工具,等设计稿确认后再填充内容。 |
| 1296 | 1334 | ... | ... |
-
Please register or login to post a comment