# mui-user-follow-box

## UserFollowBoxComponent

## 使用场景

我的--粉丝（关注）

## 代码示例

```html
 <mui-user-follow-box *ngFor="let item of dataList" [data] = "item" (reload)="checkFollow($event)"></mui-user-follow-box>
```

## API

### 属性

| 参数     | 说明             | 类型     | 默认值 |
| -------- | ---------------- | -------- | ------ |
| `[data]` | 页面需要展示的值 | `Object` | ---    |
| true     |

### data中的属性

| 参数                                                             | 说明                   | 类型     | 默认值 |
| ---------------------------------------------------------------- | ---------------------- | -------- | ------ |
| `data.id`                                                        | （粉丝、关注）的id     | `Number` | ----   |
| `data.isFollowed`                                                | （粉丝、关注）是否关注 | `Number` | ----   |
| `data.beFollowed.avatar || data.follower.avatarl`                | （粉丝、关注）的头像   | `String` | ----   |
| `data.beFollowed.displayName || data.follower.displayName`       | （粉丝、关注）的名字   | `String` | ----   |
| `data.beFollowed.userGroup.name || data.follower.userGroup.name` | （粉丝、关注）的组织   | `String` | ----   |
| `data.beFollowed.signatureInfo || data.follower.signatureInfo`   | （粉丝、关注）的签名   | `String` | ----   |

### 事件

| 参数       | 说明                                     | 类型                | 默认值 |
| ---------- | ---------------------------------------- | ------------------- | ------ |
| `(reload)` | （取消）关注，返回关注状态，以及当前对象 | `EventEmitter<obj>` | ---    |