<template>
  <div class="demo-pagination-mini">
    <p>小版：</p>
    <ui-pagination
      :current-page.sync="page"
      :total="total"
      :on-change="handleChange"
      small></ui-pagination>
    <br />
    <p>简化版：</p>
    <ui-pagination
      :current-page.sync="page"
      :total="total"
      :on-change="handleChange"
      simple></ui-pagination>
  </div>
</template>

<script>
import { Pagination } from "amumu-ui"
export default {
  components: {
    "ui-pagination": Pagination,
  },
  data() {
    return {
      page: 1,
      total: 290,
    }
  },
  methods: {
    handleChange(page) {
      this.page = page
    },
  },
}
</script>
