分页 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="size"></bp-pagination>
  </bp-space>
</template>

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