# learn-app

**Repository Path**: i-dont-want-to-learn-java/learn-app

## Basic Information

- **Project Name**: learn-app
- **Description**: 智教易购平台小程序app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-20
- **Last Updated**: 2025-08-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 智教易购 - 微信小程序

这是一个基于uniapp开发的微信小程序，提供在线课程学习、视频观看、商品购买等功能。

## 项目结构

```
智教易购/
├── App.vue                 # 应用入口文件
├── main.js                 # 主入口文件
├── pages.json              # 页面配置文件
├── uni.scss                # 全局样式文件
├── components/             # 组件目录
│   ├── CourseCard.vue      # 课程卡片组件
│   ├── VideoCard.vue       # 视频卡片组件
│   ├── ProductCard.vue     # 商品卡片组件
│   ├── ProfileMenuItem.vue # 个人中心菜单项组件
│   ├── SearchBar.vue       # 搜索栏组件
│   └── Tabbar.vue          # 底部导航栏组件（已废弃）
├── pages/                  # 页面目录
│   ├── index/              # 首页
│   ├── CoursePage/         # 课程页面
│   ├── VideoPage/          # 视频页面
│   ├── ShopPage/           # 商城页面
│   ├── ProfilePage/        # 个人中心页面
│   ├── CartPage/           # 购物车页面
│   ├── FavoritesPage/      # 收藏页面
│   ├── CouponsPage/        # 优惠券页面
│   └── CourseDetailPage/   # 课程详情页面
└── static/                 # 静态资源目录
    ├── icons/              # 图标文件
    └── logo.png            # 应用logo
```

## 主要功能

### 1. 课程学习
- 课程分类浏览
- 课程搜索
- 课程详情查看
- 课程收藏

### 2. 视频观看
- 短视频浏览
- 垂直滑动切换
- 点赞、评论、分享

### 3. 商城购物
- 商品分类
- 商品搜索
- 购物车管理
- 商品收藏

### 4. 个人中心
- 用户信息展示
- 订单管理
- 收藏管理
- 优惠券管理

## 技术特点

- 基于Vue3 + Composition API
- 使用uniapp框架，支持多端发布
- 响应式设计，适配不同屏幕尺寸
- 模块化组件设计，代码复用性高

## 修复内容

### 1. TabBar跳转问题
- 修复了`pages.json`中的页面路径配置
- 使用uniapp原生的tabBar系统替代自定义组件
- 确保页面路径与tabBar配置一致

### 2. 页面结构优化
- 重新组织了页面文件结构
- 创建了完整的页面组件
- 修复了组件间的引用关系

### 3. 组件完善
- 创建了所有必需的组件文件
- 修复了组件间的通信逻辑
- 完善了组件的样式和交互

### 4. 路由配置
- 修复了页面路由配置
- 添加了页面间的跳转逻辑
- 确保了导航的正确性

## 使用方法

1. 使用HBuilderX打开项目
2. 配置微信小程序AppID
3. 编译到微信开发者工具
4. 在微信开发者工具中预览和调试

## 注意事项

- 确保微信开发者工具版本兼容
- 检查网络请求权限配置
- 测试各种机型的兼容性

## 开发建议

- 遵循Vue3 Composition API的最佳实践
- 保持组件的单一职责原则
- 注意小程序的性能优化
- 做好错误处理和用户体验优化