# lui-single-student

## SingleStudentComponent

## 使用场景

学生（单个）组件

## 项目中用到的地方

培训班--进入培训班--班级成员（单个）组件
专题--进入专题--班级成员（单个）组件...

## 代码示例

```html
<lui-single-student [data]="item" [width]="78"></lui-single-student>
<lui-single-student [data]="item" [width]="80"></lui-single-student>
```

## API

### 属性

| 参数      | 说明                     | 类型     | 默认值 |
| --------- | ------------------------ | -------- | ------ |
| `[data]`  | 单个学生显示的数据       | `Object` | `{}`   |
| `[width]` | 样式的宽度（可传可不传） | `Number` | `50`   |

### data中的属性

| 参数                 | 说明                        | 类型     | 默认值         |
| -------------------- | --------------------------- | -------- | -------------- |
| `[data.id]`          | 学生id （跳往学生主页用到） | `Number` | `2`            |
| `[data.avatar]`      | 学生的头像                  | `String` | null           |
| `[data.displayName]` | 学生名称                    | `String` | `"系统管理员"` |