pagination.js

new Pagination({
  parent: '#theme-plain',
  total: 187,
  // theme 可选值：
  // default - 纯文本(默认值)
  // plain - 带背景色
  // bordered - 带边框
  theme: 'plain',
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#align-justify',
  total: 187,
  theme: 'plain',
  // align 可选值：
  // justify - 居中对齐(默认值)
  // left - 左对齐
  // right - 右对齐
  align: 'left',
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#layout-default',
  total: 187,
  size: 15,
  theme: 'default',
  // layout 可选配置：
  // ['prev', 'pager', 'next'] - 上/下页 + 数值按钮(默认值)
  // ['prev', 'next'] - 默认主题，仅显示上/下页按钮
  // ['pager'] - 默认主题，显示数值按钮
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#prev-full-text',
  total: 187,
  theme: 'plain',
  layout: ['prev', 'pager', 'next'],
  // prevText: false(默认值) - 默认显示箭头图标
  // prevText: '上一页' - 设置显示文字
  prevText: '上一页',
  // nextText: false(默认值) - 默认显示箭头图标
  // nextText: '下一页' - 设置显示文字
  nextText: '下一页'
})

new Pagination({
  parent: '#total-hundred',
  // total 可选值范围：1 ~ 正无穷
  total: 100,
  size: 10,
  theme: 'plain',
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#page-middle',
  total: 187,
  size: 15,
  // page 可选值范围：1 ~ 最大页数
  // 可通过 Pagination 对象实例的 pages() 方法获取最大页数
  page: 5,
  theme: 'plain',
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#size-large',
  total: 187,
  // size 可选值范围：1 ~ 187
  // 默认值：20（可根据需要设置）
  size: 30,
  theme: 'plain',
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#limit-long',
  total: 287,
  theme: 'plain',
  // limit 可选值范围：5 ~ 13
  // 默认值：7（建议设置基数数值）
  limit: 9,
  size: 25,
  layout: ['prev', 'pager', 'next']
})

new Pagination({
  parent: '#disabled-plain',
  total: 187,
  size: 15,
  theme: 'plain',
  layout: ['prev', 'pager', 'next'],
  disabled: true
})