# mui-single-case

## SingleCaseComponent

## 使用场景

案例列表（单个）公共组件

## 项目中用到的地方

我的收藏（资源中心），案例列表

## 代码示例

```html
 <mui-single-case [data]="item" [isEdit]="isEdit"  (callDelete)="delete($event)"></mui-single-case>
 <mui-single-case [data]="item"></mui-single-case>
```

## API

### 属性

| 参数       | 说明               | 类型      | 默认值  |
| ---------- | ------------------ | --------- | ------- |
| `[data]`   | 每一项要显示的对象 | `Object`  | ---     |
| `[isEdit]` | 是否编辑（可不传） | `Boolean` | `false` |

### data中的属性

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

### 事件

| 名称           | 说明             | 类型             |
| -------------- | ---------------- | ---------------- |
| `(callDelete)` | 获取当前点击对象 | `EventEmitter<>` |