default.vue 625 B

1234567891011121314151617181920212223242526272829
  1. <!--
  2. * @Author: wjc
  3. * @Date: 2024-06-25 15:42:58
  4. * @LastEditors: wjc
  5. * @LastEditTime: 2024-07-11 09:30:19
  6. * @Description:
  7. -->
  8. <template>
  9. <view class="default-layout" :class="[appStore.isDark ? 'dark' : 'light']">
  10. <MPage>
  11. <slot></slot>
  12. <MFooter></MFooter>
  13. </MPage>
  14. </view>
  15. </template>
  16. <script setup lang="ts">
  17. import { useAppStore } from '@/stores/modules/appStore'
  18. defineOptions({ name: 'DefaultLayout' })
  19. const appStore = useAppStore()
  20. </script>
  21. <style scoped lang="scss">
  22. .default-layout {
  23. @apply relative flex flex-col flex-1 h-full overflow-y-auto color-text-1;
  24. }
  25. </style>