# mui-training-box

## TrainingBoxComponent

## 使用场景

培训班列表
培训班--列表（单个培训班组件）

## 代码示例

```html
 <mui-training-box *ngFor="let item of dataList" [data] = "item"></mui-training-box>
```

## API

### 属性

| 参数       | 说明               | 类型      | 默认值 |
| ---------- | ------------------ | --------- | ------ |
| `[data]`   | 页面需要展示的值   | `Object`  | ---    |
| `[isSale]` | 是否已购买（可以不传值） | `Boolean` | true   |

### data中的属性

| 参数                | 说明                               | 类型                         | 默认值 |
| ------------------- | ---------------------------------- | ---------------------------- | ------ |
| `data.id`           | 跳往培训班详情需要的id             | `Number`                     | ---    |
| `data.name`         | 培训班名称                         | `String`                     | ---    |
| `data.imageUrl`     | 培训班预览图                       | `String`                     | ---    |
| `data.startDate`    | 培训班开始时间                     | `String`                     | ---    |
| `data.endDate`      | 培训班结束时间                     | `String`                     | ---    |
| `data.trainingType` | 培训班所属类型（在线，面授，混合） | `ONLINE || OFFLINE || MIXED` | ---    |
| `data.price`        | 培训班价格                         | `String`                     | ---    |