1.0.3 • Published 2 years ago
moon-page v1.0.3
moon-page
一个用于分页的组件
- 可以自定义页码的背景颜色
- 可以自定义页码的文字颜色
- 可以自定义页码激活时的颜色
- 使用方式基本与 element-ui 一样
install
npm install moon-pageimport
// main.js
import Page from 'moon-page'
Vue.use(Page)// 单文件组件模板中使用
<template>
<moon-page :total="total" :pageSize="pageSize"></moon-page>
</template>Attriutes
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| total | 总的记录数量 | number | 0 |
| pageSize | 每页希望显示的记录数量 | number | 15 |
| bgColor | 页码背景颜色 | string | #fff |
| textColor | 页码文字颜色 | string | #333 |
| activeTextColor | 激活的页码颜色 | string | orange |
Events
| 事件名称 | 说明 | 回调函数 |
|---|---|---|
| current_change | 点击页码时的回调 |