mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-26 00:34:01 +00:00
リメイク wip
This commit is contained in:
parent
b0b9ce7256
commit
79d87df20f
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user