kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-26 00: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> <template>
<q-page class="flex flex-center q-my-md"> <QPage class="flex flex-center q-my-md">
<q-card class="q-pa-sm q-ma-sm" style="max-width: 720px; width: 100%;"> <QLayout view="hHh Lpr lFf">
<q-card-section> <QPageContainer>
<div class="text-h6">タスク一覧</div> <QTabs v-if="isMobile" v-model="tab" class="text-teal" align="left" dense>
</q-card-section> <QTab slot="title" name="tab1" v-model="tab" label="タスク一覧" />
<q-card-section> <QTab slot="title" name="tab2" v-model="tab" label="ウォレット" />
<q-tabs </QTabs>
v-if="isMobile" <QTabPanels v-if="isMobile" v-model="tab" animated>
class="text-grey-8" <QTabPanel name="tab1">
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> </QTabPanel>
<q-tab-panel name="tab2"> </QTabPanels>
<!-- 他のコンテンツ --> <div v-else class="row">
</q-tab-panel> <div class="col-6">
<q-tab-panel name="tab3"> <TaskList />
<!-- 他のコンテンツ --> </div>
</q-tab-panel> </div>
</q-tab-panels> </QPageContainer>
</q-card-section> </QLayout>
</q-card> </QPage>
</q-page>
</template> </template>
<script setup> <script setup>