paadi/lightController
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add tabs

Browse Source
This commit is contained in:
Adrian Zürcher
2025-05-12 17:16:06 +02:00
parent 1c7a8de4e1
commit ce3de4c1e3
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/IndexPage.vue
View File

@@ -1,9 +1,23 @@
<template> <template>
<q-page> <q-page>
<moving-head></moving-head> <q-tabs v-model="tab">
<q-tab name="movingHead" label="Moving Head" />
<q-tab name="dome" label="Dome" />
</q-tabs>
<q-tab-panels v-model="tab" animated class="text-white">
<q-tab-panel name="movingHead">
<moving-head />
</q-tab-panel>
<q-tab-panel name="dome">
<Dome />
</q-tab-panel>
</q-tab-panels>
</q-page> </q-page>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import MovingHead from 'src/components/MovingHead.vue'; import MovingHead from 'src/components/MovingHead.vue';
import Dome from 'src/components/DomeLight.vue';
import { ref } from 'vue';
const tab = ref('movingHead');
</script> </script>