This commit is contained in:
ThatOneCalculator 2022-09-13 16:36:58 -07:00
parent b4a19bab0d
commit 9007514c00
1 changed files with 19 additions and 19 deletions

View File

@ -2,21 +2,21 @@
<MkStickyContainer> <MkStickyContainer>
<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template> <template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
<div class="lznhrdub"> <div class="lznhrdub">
<swiper <MkSpacer :content-max="1200">
:modules="[Virtual]" <swiper
:space-between="20" :modules="[Virtual]"
:virtual="true" :space-between="20"
@swiper="setSwiperRef" :virtual="true"
@slide-change="onSlideChange" @swiper="setSwiperRef"
> @slide-change="onSlideChange"
<swiper-slide> >
<XFeatured/> <swiper-slide>
</swiper-slide> <XFeatured/>
<swiper-slide> </swiper-slide>
<XUsers/> <swiper-slide>
</swiper-slide> <XUsers/>
<swiper-slide> </swiper-slide>
<MkSpacer :content-max="1200"> <swiper-slide>
<div> <div>
<MkInput v-model="searchQuery" :debounce="true" type="search" class="_formBlock"> <MkInput v-model="searchQuery" :debounce="true" type="search" class="_formBlock">
<template #prefix><i class="fas fa-search"></i></template> <template #prefix><i class="fas fa-search"></i></template>
@ -29,9 +29,9 @@
</MkRadios> </MkRadios>
</div> </div>
<XUserList v-if="searchQuery" ref="searchEl" class="_gap" :pagination="searchPagination"/> <XUserList v-if="searchQuery" ref="searchEl" class="_gap" :pagination="searchPagination"/>
</MkSpacer> </swiper-slide>
</swiper-slide> </swiper>
</swiper> </MkSpacer>
</div> </div>
</MkStickyContainer> </MkStickyContainer>
</template> </template>
@ -42,7 +42,7 @@ import { Virtual } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue'; import { Swiper, SwiperSlide } from 'swiper/vue';
import XFeatured from './explore.featured.vue'; import XFeatured from './explore.featured.vue';
import XUsers from './explore.users.vue'; import XUsers from './explore.users.vue';
import MkFolder from '@/components/MkFolder.vue'; import type MkFolder from '@/components/MkFolder.vue';
import MkInput from '@/components/form/input.vue'; import MkInput from '@/components/form/input.vue';
import MkRadios from '@/components/form/radios.vue'; import MkRadios from '@/components/form/radios.vue';
import number from '@/filters/number'; import number from '@/filters/number';