kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-25 16:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

リメイク wip

Browse Source
This commit is contained in:
rca 2024-07-21 14:47:48 +09:00
parent b0b9ce7256
commit 79d87df20f
1 changed files with 19 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/IndexPage.vue
View File

@ -1,36 +1,24 @@
<template>
<q-page class="flex flex-center q-my-md">
<q-card class="q-pa-sm q-ma-sm" style="max-width: 720px; width: 100%;">
<q-card-section>
<div class="text-h6">タスク一覧</div>
</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">
<QPage class="flex flex-center q-my-md">
<QLayout view="hHh Lpr lFf">
<QPageContainer>
<QTabs v-if="isMobile" v-model="tab" class="text-teal" align="left" dense>
<QTab slot="title" name="tab1" v-model="tab" label="タスク一覧" />
<QTab slot="title" name="tab2" v-model="tab" label="ウォレット" />
</QTabs>
<QTabPanels v-if="isMobile" v-model="tab" animated>
<QTabPanel name="tab1">
<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>
</q-page>
</QTabPanel>
</QTabPanels>
<div v-else class="row">
<div class="col-6">
<TaskList />
</div>
</div>
</QPageContainer>
</QLayout>
</QPage>
</template>
<script setup>