<template>
  <view class="default-layout">
    <slot></slot>
    <MFooter />
  </view>
  <MTabBar />
</template>

<script lang="ts">
  export default {
    // 将自定义节点设置成虚拟的，更加接近Vue组件的表现，可以去掉微信小程序自定义组件多出的最外层标签
    options: {
      styleIsolation: 'shared',
      virtualHost: true,
    },
  }
</script>
<script setup lang="ts">
  defineOptions({ name: 'DefaultLayout' })
</script>

<style scoped lang="scss">
  .default-layout {
    @apply text-color-1 bg-bg-page relative;
  }
</style>
