# mui-single-course-b

## SingleCourseBComponent

## 使用场景

课程（单个）组件

## 项目中用到的地方

课程中心--课程页面

## 代码示例

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

## API

### 属性

| 参数     | 说明                   | 类型         | 默认值 |
| -------- | ---------------------- | ------------ | ------ |
| `[data]` | 单个课程需要展示的详情 | `Object`     | ---    |
| `[dir]`  | 调用该组件的样式       | `col || row` | ---    |

### data中的属性

| 参数                           | 说明                         | 类型                       | 默认值    |
| ------------------------------ | ---------------------------- | -------------------------- | --------- |
| `data.courseType`              | 课程分类（直播，面授，在线） | `LIVE|| OFFLINE || ONLINE` | `"文化"`  |
| `data.imageUrl || data.imgUrl` | 课程封面                     | `String`                   | ---       |
| `data.name`                    | 课程名称                     | `String`                   | `"111"`   |
| `data.likes`                   | 课程喜欢人数                 | `String`                   | `0`       |
| `data.learners`                | 课程在学人数                 | `Number`                   | `1`       |
| `data.offeringCourseId`        | 课程id(进入详情需要)         | `Number`                   | `2612451` |