# mui-studying-course-box

## StudyingCourseBoxComponent

## 使用场景

我的--在学课程

## 代码示例

```html
<mui-studying-course-box [data]="data" (reload)="onBack()"></mui-studying-course-box>
```

## API

### 属性

| 参数     | 说明             | 类型     | 默认值 |
| -------- | ---------------- | -------- | ------ |
| `[data]` | 页面需要展示的值 | `Object` | ---    |

### data中的属性

| 参数                   | 说明                   | 类型     | 默认值 |
| ---------------------- | ---------------------- | -------- | ------ |
| `data.course.id`       | 在学课程的id           | `Number` | ----   |
| `data.course.imageUrl` | 在学课程的封面         | `String` | ----   |
| `data.startDate`       | 在学课程的开始时间     | `Number` | ----   |
| `data.endDate`         | 在学课程的结束时间     | `Number` | ----   |
| `data.progress`        | 在学课程的学习进度     | `Number` | ----   |
| `data.totalTime`       | 在学课程的所用时间     | `Number` | ----   |
| `data.lastStudyDate`   | 在学课程的最后学习时间 | `Number` | ----   |

### 事件

| 参数       | 说明         | 类型             | 默认值 |
| ---------- | ------------ | ---------------- | ------ |
| `(reload)` | 删除在线课程 | `EventEmitter<>` | ---    |