riku
2024-05-21 668f251a5c8099d7edec59f40d1311a6785ef10c
src/views/HomePage.vue
@@ -1,27 +1,35 @@
<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>
    <!-- </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';
// 餐单索引
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>