<template>
  <CommonRoot>
    <FlexCol :innerStyle="{
      backgroundImage: 'url(https://xy.wenlvti.net/app_static/images/dig/TopBanner.png)',
      backgroundSize: '100% auto',
      backgroundRepeat: 'no-repeat',
      backgroundPosition: 'top center',
      minHeight: '100vh',
    }">
      <StatusBarSpace  />
      <NavBar v-if="showNav" :title="title" leftButton="back" />
      <slot />
    </FlexCol>
  </CommonRoot>
</template>

<script setup lang="ts">
import CommonRoot from '@/components/dialog/CommonRoot.vue';
import FlexCol from '@/components/layout/FlexCol.vue';
import StatusBarSpace from '@/components/layout/space/StatusBarSpace.vue';
import NavBar from '@/components/nav/NavBar.vue';

withDefaults(defineProps<{
  title: string;
  showNav?: boolean;
}>(), {
  title: '',
  showNav: true,
});

</script>