feat: pagination

This commit is contained in:
ThatOneCalculator 2022-08-22 23:00:42 -07:00
parent db63226a74
commit b315e88f9f
2 changed files with 5 additions and 4 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.118.1-calc.12.4", "version": "12.118.1-calc.12.5",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

View file

@ -36,7 +36,7 @@
/> />
</div> </div>
<div v-else class="tl _block"> <div v-else class="tl _block">
<swiper :modules="[Virtual]" virtual> <swiper :modules="[Pagination, Virtual]" virtual>
<swiper-slide> <swiper-slide>
<XTimeline <XTimeline
ref="tl" ref="tl"
@ -100,7 +100,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { defineAsyncComponent, computed, watch, ref } from 'vue'; import { defineAsyncComponent, computed, watch, ref } from 'vue';
import { Virtual } from 'swiper'; import { Pagination, Virtual } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue'; import { Swiper, SwiperSlide } from 'swiper/vue';
import XTimeline from '@/components/timeline.vue'; import XTimeline from '@/components/timeline.vue';
import XPostForm from '@/components/post-form.vue'; import XPostForm from '@/components/post-form.vue';
@ -112,7 +112,8 @@ import { instance } from '@/instance';
import { $i } from '@/account'; import { $i } from '@/account';
import { definePageMetadata } from '@/scripts/page-metadata'; import { definePageMetadata } from '@/scripts/page-metadata';
import { deviceKind } from '@/scripts/device-kind'; import { deviceKind } from '@/scripts/device-kind';
import 'swiper/css'; import 'swiper/scss';
import 'swiper/scss/pagination';
const XTutorial = defineAsyncComponent(() => import('./timeline.tutorial.vue')); const XTutorial = defineAsyncComponent(() => import('./timeline.tutorial.vue'));