moon-page

一个用于分页的组件

• 可以自定义页码的背景颜色
• 可以自定义页码的文字颜色
• 可以自定义页码激活时的颜色
• 使用方式基本与 element-ui 一样

install

npm install moon-page

import

// 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 | 点击页码时的回调 | |