# mui-single-course

## SingleCourseComponent

## 使用场景

课程（单个）组件

## 项目中用到的地方

培训班--进入培训班--课程（单个）组件
主题专栏--进入专栏主题--课程（单个）组件

## 代码示例

```html
 <mui-single-course [data]="item"></mui-single-course>
```

## API

### 属性

| 参数     | 说明               | 类型     | 默认值 |
| -------- | ------------------ | -------- | ------ |
| `[data]` | 单个课程显示的数据 | `Object` | ---    |

### data中的属性

| 参数                    | 说明                                   | 类型         | 默认值    |
| ----------------------- | -------------------------------------- | ------------ | --------- |
| `data.name`             | 课程名称                               | `String`     | `"111"`   |
| `data.imageUrl`         | 课程封面                               | `String`     | ---       |
| `data.likes`            | 课程喜欢人数                           | `String`     | `0`       |
| `data.learners`         | 课程在学人数                           | `Number`     | `1`       |
| `data.status`           | 课程在学状态（未学习，进行中，已完成） | `N|| I || C` | `"C"`     |
| `data.progress`         | 课程学习进度                           | `number`     | `0`       |
| `data.offeringCourseId` | 课程id(进入详情需要)                   | `Number`     | `2612451` |