# Laypage

**Repository Path**: ie81/laypage

## Basic Information

- **Project Name**: Laypage
- **Description**: layui的分页组件非常好用，此组件是Laypage分页模块独立版，提取自layui 2.9.9，不依赖于layui。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: http://laypage.ie81.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-14
- **Last Updated**: 2024-05-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: laypage

## README

# Laypage

### 介绍

layui 的分页组件非常好用，此组件是 Laypage 分页模块独立版，提取自 layui 2.9.9，不依赖layui和jQuery。只是简单修改了 Laypage 模块，未深入修改，凑合能用，如有侵权，请联系删除。

### Demo

- [es模式](http://laypage.ie81.com/)
- [umd模式](http://laypage.ie81.com/index-umd.html)

### 引入 laypage

#### es
```javascript
import laypage from "./laypage";
```
#### umd
```javascript
<script src="./dist/laypage.umd.js"></script>
```

### 普通用法

```html
<h2>普通用法</h2>
<div id="demo-laypage-normal-1"></div>
<div id="demo-laypage-normal-2"></div>
```

```javascript
laypage.render({
    elem: "demo-laypage-normal-1",
    count: 50, // 数据总数
});
laypage.render({
    elem: "demo-laypage-normal-2",
    count: 100, // 数据总数
});
```

### 完整用法请看 Layui 官网

> [https://layui.dev/docs/2/laypage](https://layui.dev/docs/2/laypage)