From c13c622eac5551c6f099f148feb5256711ca34de Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期二, 11 七月 2023 21:03:01 +0800 Subject: [PATCH] !25 部分优化以及新增功能 Merge pull request !25 from ahaos/tspr --- src/components/Pagination/index.vue | 54 ++++++++++++------------------------------------------ 1 files changed, 12 insertions(+), 42 deletions(-) diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue index de7b02c..df73ceb 100644 --- a/src/components/Pagination/index.vue +++ b/src/components/Pagination/index.vue @@ -22,52 +22,23 @@ <script setup lang="ts"> import { scrollTo } from '@/utils/scroll-to' -import { PropType } from "vue"; +import { propTypes } from "@/utils/propTypes"; const props = defineProps({ - total: { - required: true, - type: Number - }, - page: { - type: Number, - default: 1 - }, - limit: { - type: Number, - default: 20 - }, + total: propTypes.number, + page: propTypes.number.def(1), + limit: propTypes.number.def(20), pageSizes: { - type: Array as PropType<number[]>, - default() { - return [10, 20, 30, 50] - } + type: Array as PropType<number[]>, + default: () => [10, 20, 30, 50] }, // 绉诲姩绔〉鐮佹寜閽殑鏁伴噺绔粯璁ゅ��5 - pagerCount: { - type: Number, - default: document.body.clientWidth < 992 ? 5 : 7 - }, - layout: { - type: String, - default: 'total, sizes, prev, pager, next, jumper' - }, - background: { - type: Boolean, - default: true - }, - autoScroll: { - type: Boolean, - default: true - }, - hidden: { - type: Boolean, - default: false - }, - float: { - type: String, - default: 'right' - } + pagerCount: propTypes.number.def(document.body.clientWidth < 992 ? 5 : 7), + layout: propTypes.string.def('total, sizes, prev, pager, next, jumper'), + background: propTypes.bool.def(true), + autoScroll: propTypes.bool.def(true), + hidden: propTypes.bool.def(false), + float: propTypes.string.def('right') }) const emit = defineEmits(['update:page', 'update:limit', 'pagination']); @@ -106,7 +77,6 @@ <style lang="scss" scoped> .pagination-container { - background: #fff; padding: 32px 16px; .el-pagination{ float: v-bind(float); -- Gitblit v1.9.3