# lui-page-list

## PageListComponent

## 使用场景

列表分页功能

## 项目中用到的地方

学习中心--我的学习--培训班列表（分页功能）

## 代码示例

```html
<lui-page-list [loading]="loading" [pagination]="data" (reload)="loadData($event)">
        <ng-template #childbox let-dataList="dataList">
            <div class="list d-flex flex-wrap">
                <ng-container *ngFor="let item of dataList;">
                    <lui-single-train-class [data]="item"></lui-single-train-class>
                </ng-container>
          </div>
        </ng-template>
    </lui-page-list>
```

## API

### 属性

| 参数           | 说明         | 类型              | 默认值 |
| -------------- | ------------ | ----------------- | ------ |
| `[pagination]` | 分页         | `Pagination<any>` | ---    |
| `[loading]`    | 加载中的状态 | `Boolean`         | false  |

### pagination中的属性

| 参数                       | 说明           | 类型      | 默认值  |
| -------------------------- | -------------- | --------- | ------- |
| `pagination.size`          | 每页的条数     | `Number`  | `10`    |
| `pagination.totalElements` | 总内容         | `Number`  | ---     |
| `pagination.number`        | 分页的页数     | `Number`  | ---     |
| `pagination.last`          | 分页的最后一夜 | `Boolean` | `true`  |
| `pagination.first`         | 分页的第一页   | `Boolean` | `false` |
| `pagination.content`       | 分页的内容     | `Number`  | ---     |

### 事件

| 名称       | 说明     | 类型                           |
| ---------- | -------- | ------------------------------ |
| `(reload)` | 重新加载 | `EventEmitter<点击当前的页数>` |