28 lines
596 B
Vue
28 lines
596 B
Vue
<script setup lang="ts">
|
|
defineProps({
|
|
full: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
showFooter: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<main class="cus-scroll h-full flex-col flex-1 bg-#f5f6fb dark:bg-#121212">
|
|
<transition name="fade-slide" mode="out-in" appear>
|
|
<main :class="{ 'flex-1': full }" class="m-12"><slot /></main>
|
|
</transition>
|
|
<slot v-if="$slots.footer" name="footer" />
|
|
<CommonTheFooter v-else-if="showFooter" class="mb-12 mt-auto" />
|
|
<n-back-top :bottom="20" />
|
|
</main>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|