| | |
| | | <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> |