分页 Pagination

基础用法

• 共 30 条
• 1
• 2
• 3
• 前往

<template>
  <bp-pagination :total="30" :page-size="10" :current></bp-pagination>
</template>

<script setup lang="ts">
import { ref } from "vue";
const current = ref(1);
</script>

尺寸

• 共 30 条
• 1
• 2
• 3
• 前往

• 共 30 条
• 1
• 2
• 3
• 前往

• 共 30 条
• 1
• 2
• 3
• 前往

• 共 30 条
• 1
• 2
• 3
• 前往

<template>
  <bp-space type="vertical">
    <bp-pagination
      v-for="size in sizesList"
      :key="size"
      :total="30"
      :page-size="10"
      :current="1"
      :size
    ></bp-pagination>
  </bp-space>
</template>

<script setup lang="ts">
const sizesList = ["mini", "small", "default", "large"];
</script>