# mui-page-list

## PageListComponent

## 使用场景

移动端列表带分页功能

```html
<mui-page-list [pagination]="data" [loading]="loading" (reload)="loadData($event)">
        <!-- <ng-template #childbox let-dataList="dataList">
          <mui-points-exchange [data]="item" *ngFor="let item of dataList;let i = index" (reload)="loadData()"></mui-points-exchange>
        </ng-template> -->
      </mui-page-list>
```

## API

### 属性

| 参数           | 说明               | 类型               | 默认值  |
| -------------- | ------------------ | ------------------ | ------- |
| `[pagination]` | 带有分页的数据对象 | `{}`               | ---     |
| `[loading]`    | 是否显示加载中动画 | `'false' | 'true'` | `false` |

### 事件

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

### pagination中的属性

| 参数                       | 说明       | 类型     | 默认值 |
| -------------------------- | ---------- | -------- | ------ |
| `pagination.size`          | 每页的条数 | `Number` | `10`   |
| `pagination.totalElements` | 总内容     | `Number` | ---    |
| `pagination.number`        | 分页的页数 | `Number` | ---    |
| `pagination.content`       | 分页的内容 | `Number` | ---    |