<template>
  <div>

    <h2>Small</h2>
    <hive-pagination
      size="small"
      :total="100"
      @change="onChange"
      :page-size="5">
    </hive-pagination>

    <h2>Large</h2>
    <hive-pagination
      size="large"
      :total="100"
      @change="onChange"
      :page-size="5">
    </hive-pagination>

    <h2>Larger</h2>
    <hive-pagination
      size="larger"
      :total="100"
      @change="onChange"
      :page-size="5">
    </hive-pagination>

  </div>
</template>

<script>
  export default {
    methods: {
      onChange(index) {
        console.log(`转到第${index}页`);
      },
    },
  };
</script>
