riku
2025-09-30 0306fcd184cc3617bc2758b301ecfcef4635f431
src/views/HomePage.vue
@@ -1,27 +1,37 @@
<template>
  <BaseMap></BaseMap>
  <div class="overlay-container">
    <CoreHeader @on-change="(e) => (menuIndex = e)"></CoreHeader>
    <!-- <router-view> -->
    <!-- <GridLayout></GridLayout> -->
    <ClueLayout></ClueLayout>
    <ClueLayout v-show="menuIndex == 0"></ClueLayout>
    <GridLayout v-show="menuIndex == 1"></GridLayout>
    <InternalClueLayout v-show="menuIndex == 2"></InternalClueLayout>
    <!-- </router-view> -->
  </div>
</template>
<script setup>
import { ref } from 'vue';
import GridLayout from '@/views/overlay-grid/GridLayout.vue';
import ClueLayout from '@/views/overlay-clue/ClueLayout.vue';
import InternalClueLayout from '@/views/internal-clue/InternalClueLayout.vue';
// 餐单索引
const menuIndex = ref(0);
</script>
<style scoped>
.overlay-container {
  background: transparent;
  position: absolute;
  width: 100%;
  min-height: var(--screen-min-height);
  min-width: var(--screen-min-width);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 4px;
  /* padding: 4px; */
  pointer-events: none;
}
</style>