<template>
|
<BaseMap></BaseMap>
|
<div class="overlay-container">
|
<CoreHeader @on-change="(e) => (menuIndex = e)"></CoreHeader>
|
<!-- <router-view> -->
|
<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;
|
min-height: var(--screen-min-height);
|
min-width: var(--screen-min-width);
|
width: 100vw;
|
height: 100vh;
|
top: 0;
|
left: 0;
|
/* padding: 4px; */
|
pointer-events: none;
|
}
|
</style>
|