# 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设计进行调整