<template>
  <section class="pagination">
    <def-pagination
      v-model:currentPage="currentPage"
      v-model:pageSize="pageSize"
      :total="total"
      v-bind="paginationOptions"
      @getList="getList" />
  </section>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { IPropsPagination } from '@/base-ui/pagination/index.vue'

const currentPage = ref<number>(1)
const pageSize = ref<number>(10)
const total = ref<number>(55)
const paginationOptions: IPropsPagination = {
  align: 'center',
  background: true
}
const getList = () => {
  console.log('父组件接口调用')
  // 获取后台数据
  // 设置total
}
getList()
</script>

<style scoped lang="scss">
.pagination {
}
</style>
