misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

refactor(frontend): PageWithHeaderにMkSwiperを持たせるように

Browse source
This commit is contained in:
syuilo 2025-04-27 17:16:51 +09:00
parent 66187174d4
commit e24a2362fd
16 changed files with 423 additions and 464 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/components/global/PageWithHeader.vue
View file

@ -8,7 +8,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkStickyContainer>
<template #header><MkPageHeader v-model:tab="tab" v-bind="pageHeaderProps"/></template>
<div :class="$style.body">
<slot></slot>
<MkSwiper v-if="swipable" v-model:tab="tab" :tabs="props.tabs">
<slot></slot>
</MkSwiper>
<slot v-else></slot>
</div>
<template #footer><slot name="footer"></slot></template>
</MkStickyContainer>
@ -20,9 +23,11 @@ import { computed, useTemplateRef } from 'vue';
import { scrollInContainer } from '@@/js/scroll.js';
import type { PageHeaderProps } from './MkPageHeader.vue';
import { useScrollPositionKeeper } from '@/use/use-scroll-position-keeper.js';
import MkSwiper from '@/components/MkSwiper.vue';
const props = defineProps<PageHeaderProps & {
reversed?: boolean;
swipable?: boolean;
}>();
const pageHeaderProps = computed(() => {