python_Harmony

Python学习App - UniApp项目

基于UniApp + Vue3开发的Python学习应用

项目结构

├── pages/
│   ├── discover/          # 发现页面（主页）
│   ├── codebase/          # 代码库页面
│   ├── editor/            # 编辑器页面
│   ├── study/             # 学习页面
│   └── profile/           # 账号页面
├── static/
│   ├── tabbar/            # 底部导航图标
│   ├── icons/             # 功能模块图标
│   ├── banner/            # 轮播图资源
│   ├── cards/             # 课程卡片图片
│   └── courses/           # 课程封面图片
└── ...

需要添加的静态资源

1. 底部导航图标 (static/tabbar/)

未选中状态（灰色图标）：

• discover_normal.png (发现 - 未选中)
• codebase_normal.png (代码库 - 未选中)
• editor_normal.png (编辑器 - 未选中)
• study_normal.png (学习 - 未选中)
• profile_normal.png (账号 - 未选中)

选中状态（蓝色图标）：

• discover_selected.png (发现 - 选中)
• codebase_selected.png (代码库 - 选中)
• editor_selected.png (编辑器 - 选中)
• study_selected.png (学习 - 选中)
• profile_selected.png (账号 - 选中)

2. 功能模块图标 (static/icons/)

• study.png (学练课)
• video.png (视频课)
• question.png (题库)
• tutorial.png (教程)
• vip.png (VIP会员)
• basic.png (基础入门)
• data.png (数据分析)
• ai.png (人工智能)
• spider.png (爬虫)
• office.png (办公自动化)

3. 轮播图 (static/banner/)

• python-banner.png

4. 课程卡片 (static/cards/)

• job-card.png
• kids-card.png

5. 课程封面 (static/courses/)

• python-basic.png
• python-zero.png
• python-guide.png

页面功能

发现页面 (discover)

• ✅ 搜索框
• ✅ 轮播图展示
• ✅ 功能模块网格
• ✅ 课程推荐卡片
• ✅ 课程列表展示

其他页面

• ✅ 基础页面结构
• 🔄 功能待开发

运行项目

1. 确保已安装HBuilderX或使用uni-app CLI
2. 添加所需的静态资源文件
3. 运行到对应平台进行预览

注意事项

• 项目使用Vue3 Composition API
• 样式使用SCSS预处理器
• 图片资源需要根据实际设计稿进行替换
• 颜色和尺寸可根据UI设计进行调整