1234567891011121314151617181920212223242526272829 |
- <!--
- * @Author: wjc
- * @Date: 2024-06-25 15:42:58
- * @LastEditors: wjc
- * @LastEditTime: 2024-07-11 09:30:19
- * @Description:
- -->
- <template>
- <view class="default-layout" :class="[appStore.isDark ? 'dark' : 'light']">
- <MPage>
- <slot></slot>
- <MFooter></MFooter>
- </MPage>
- </view>
- </template>
- <script setup lang="ts">
- import { useAppStore } from '@/stores/modules/appStore'
- defineOptions({ name: 'DefaultLayout' })
- const appStore = useAppStore()
- </script>
- <style scoped lang="scss">
- .default-layout {
- @apply relative flex flex-col flex-1 h-full overflow-y-auto color-text-1;
- }
- </style>
|