# lui-homepage-course-box

## HomepageCourseBoxComponent

## 使用场景

课程列表中单个公共组件

## 项目中用到的地方

个人主页动态下--类型是课程动态

## 代码示例

```html
<lui-homepage-course-box *ngIf="data?.dynamicType =='COURSE'" [data]="data?.dynamicObject"></lui-homepage-course-box>
```

## API

### 属性

| 参数         | 说明                   | 类型      | 默认值  |
| ------------ | ---------------------- | --------- | ------- |
| `[data]`     | 页面需要展示的值       | `Object`  | ---     |
| `[isDelect]` | 是否删除（可传可不传） | `Boolean` | `false` |
| `[mainId]`   | id（可传可不传）       | `any`     | ---     |

### 事件

| 名称       | 说明     | 类型             |
| ---------- | -------- | ---------------- |
| `(reload)` | 重新加载 | `EventEmitter<>` |

### data中的属性

| 参数                   | 说明         | 类型     | 默认值 |
| ---------------------- | ------------ | -------- | ------ |
| `data.id`              | 课程id       | `Number` | ----   |
| `data.userId`          | 课程作者的id | `Number` | ----   |
| `data.course.imageUrl` | 课程封面     | `String` | ----   |
| `data.course.name`     | 课程名称     | `String` | ----   |
| `data.course.progress` | 课程学习进度 | `Number` | ----   |
| `data.totalTime`       | 课程学习时间 | `Number` | ----   |
| `data.startDate`       | 课程开始时间 | `Number` | ----   |
| `data.endDate`         | 课程结束时间 | `Number` | ----   |