# lui-single-case

## SingleCaseComponent

## 使用场景

文档中的案例列表中的单个文档展示组件

## 项目中用到的地方

我的学习-我的收藏-案例（单个）

## 代码示例

```html
<lui-single-case [isThereHoverCover]="true" [isShadow]="false" [data]="restData(item)"
                                (upCancel)="cancelCase($event)"></lui-single-case>
```

## API

### 属性

| 参数                  | 说明                            | 类型      | 默认值  |
| --------------------- | ------------------------------- | --------- | ------- |
| `[data]`              | 单个案例                        | `Object`  | `{}`    |
| `[isThereHoverCover]` | 是否显示悬停封面 （可写可不写） | `Boolean` | `false` |
| `[isShadow]`          | 是否显示遮罩 （可写可不写）     | `Boolean` | `true`  |

### data中的属性

| 参数                                                           | 说明                                 | 类型     | 默认值 |
| -------------------------------------------------------------- | ------------------------------------ | -------- | ------ |
| `obj.name`                                                     | 案例名称                             | `String` | ---    |
| `obj.categoryName`                                             | 案例分类                             | `String` | ---    |
| `obj.coverUrl`                                                 | 案例封面                             | `String` | ---    |
| `obj.author]`                                                  | 案例作者                             | `String` | ---    |
| `obj.caseInfoId]`                                              | 案例的id，进入详情或者取消收藏时需要 | `Number` | ---    |
| `obj.evaluateBox.avgScore || obj.caseInfoEvaluateBoxAvgScore]` | 案例评分                             | `Number` | ---    |

### 事件

| 名称         | 说明                                       | 类型                       |
| ------------ | ------------------------------------------ | -------------------------- |
| `(upCancel)` | 取消收藏时，返回父组件一个id（可写可不写） | `EventEmitter<caseInfoId>` |