26 lines
510 B
Vue
26 lines
510 B
Vue
|
<script setup>
|
||
|
|
const xSmallPagination = ref(1)
|
||
|
|
const smallPagination = ref(2)
|
||
|
|
const largePagination = ref(3)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="d-flex flex-column gap-6 px-4">
|
||
|
|
<VPagination
|
||
|
|
v-model="xSmallPagination"
|
||
|
|
:length="7"
|
||
|
|
size="small"
|
||
|
|
/>
|
||
|
|
<VPagination
|
||
|
|
v-model="smallPagination"
|
||
|
|
:length="7"
|
||
|
|
/>
|
||
|
|
<VPagination
|
||
|
|
v-model="largePagination"
|
||
|
|
:length="7"
|
||
|
|
:total-visible="$vuetify.display.xs ? 1 : 7"
|
||
|
|
size="large"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|