mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-26 00:34:01 +00:00
chatgpt test1
This commit is contained in:
parent
5d5cba44e2
commit
bef2332621
|
@ -5,15 +5,46 @@
|
||||||
<div class="text-h6">タスク一覧</div>
|
<div class="text-h6">タスク一覧</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
|
<q-tabs
|
||||||
|
v-if="isMobile"
|
||||||
|
class="text-grey-8"
|
||||||
|
active-color="primary"
|
||||||
|
indicator-color="primary"
|
||||||
|
v-model="tab"
|
||||||
|
>
|
||||||
|
<q-tab name="tab1" label="Tab 1" />
|
||||||
|
<q-tab name="tab2" label="Tab 2" />
|
||||||
|
<q-tab name="tab3" label="Tab 3" />
|
||||||
|
</q-tabs>
|
||||||
|
|
||||||
|
<q-tab-panels v-else v-model="tab" animated>
|
||||||
|
<q-tab-panel name="tab1">
|
||||||
<TaskList />
|
<TaskList />
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="tab2">
|
||||||
|
<!-- 他のコンテンツ -->
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="tab3">
|
||||||
|
<!-- 他のコンテンツ -->
|
||||||
|
</q-tab-panel>
|
||||||
|
</q-tab-panels>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
</q-page>
|
</q-page>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import { ref, computed } from 'vue';
|
||||||
import TaskList from 'components/TaskListComponent.vue';
|
import TaskList from 'components/TaskListComponent.vue';
|
||||||
|
|
||||||
|
const tab = ref('tab1');
|
||||||
|
|
||||||
|
const isMobile = computed(() => {
|
||||||
|
return window.innerWidth < 600; // 600px以下をモバイルデバイスとする
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
/* 必要に応じてカスタムスタイルを追加 */
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user