# lui-syllabus

## SyllabusComponent

## 使用场景

课程大纲（带播放功能）

## 项目中用到的地方

课程--详情--课程大纲（列表）

## 代码示例

```html
 <lui-syllabus [rco]="rcoTree" [type]="'player'" (callBack)="clickPlay($event)"></lui-syllabus>
```

## API

### 属性

| 参数        | 说明                   | 类型     | 默认值     |
| ----------- | ---------------------- | -------- | ---------- |
| `[rcoTree]` | 课程大纲的列表对象详情 | `list`   | `any[]`    |
| `[type]`    | 课程大纲的播放类型     | `String` | `'player'` |

### 事件

| 名称         | 说明                 | 类型                |
| ------------ | -------------------- | ------------------- |
| `(callBack)` | 点击课程播放时的回调 | `EventEmitter<obj>` |

### rcoTree中的属性

| 参数                   | 说明                                         | 类型     | 默认值 |
| ---------------------- | -------------------------------------------- | -------- | ------ |
| `rcoTree.name`         | 鼠标悬在图片上显示的名称                     | `String` | ---    |
| `rcoTree.link`         | 点击图片进去的链接（在新窗口打开）           | `String` | ---    |
| `rcoTree.children]`    | 课程大纲列表的数组                           | `String` | ---    |
| `rcoTree.contentType]` | 课程大纲的类型（TOPIC_GROUP，COURSE，TOPIC） | `String` | ---    |

#### children中的属性

| 参数                    | 说明                                                                                                     | 类型     | 默认值 |
| ----------------------- | -------------------------------------------------------------------------------------------------------- | -------- | ------ |
| `children.title`        | 单个大纲的名称                                                                                           | `String` | ---    |
| `children.id`           | 单个大纲的id                                                                                             | `String` | ---    |
| `children.status`       | 单个大纲的学习状态（C,P =>已完成，实心 I,F =>进行中，半圆 N=>  未学习，空心）                            | `String` | ---    |
| `children.contentType]` | 大纲的类型（MP4-视频，LIVE-直播，AUTO-非标，VIDEO-视频scorm，CMI-scorm，CMI5-xapi，TEST-测试，DOC-文档） | `String` | ---    |