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

wrapperに分割するように WIP

Browse Source
This commit is contained in:
rca 2024-07-22 05:36:44 +09:00
parent 47d7f4ed10
commit 77f72f3531
2 changed files with 34 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/HistoryComponent.vue
View File

@ -1,22 +1,18 @@
<template> <template>
<q-card class="q-ma-md"> <div class="text-h6">
<q-card-section> 過去のお手伝い
<div class="text-h6"> </div>
過去のお手伝い <q-list padding>
</div> <q-item v-for="(history, index) in props.histories" :key="index" clickable>
<q-list padding> <q-item-section>
<q-item v-for="(history, index) in props.histories" :key="index" clickable> <q-item-label>{{ history.name }}</q-item-label>
<q-item-section> <!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
<q-item-label>{{ history.name }}</q-item-label> </q-item-section>
<!-- <q-item-label caption>{{ task.date }}</q-item-label> --> <q-item-section side>
</q-item-section> <q-item-label>{{ history.reward }} 円</q-item-label>
<q-item-section side> </q-item-section>
<q-item-label>{{ history.reward }} 円</q-item-label> </q-item>
</q-item-section> </q-list>
</q-item>
</q-list>
</q-card-section>
</q-card>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -34,4 +30,3 @@ const props = defineProps<Props>();
<style scoped> <style scoped>
/* 必要に応じてスタイルを追加 */ /* 必要に応じてスタイルを追加 */
</style> </style>

20
src/components/HistoryWrappedComponent.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<QCard class="q-ma-md">
<QCardSection>
<HistoryComponent :histories=props.histories />
</QCardSection>
</QCard>
</template>
<script setup lang="ts">
import HistoryComponent from 'src/components/HistoryComponent.vue';
import { HistoryItem } from 'src/models/internal';
interface Props {
histories: HistoryItem[];
}
const props = defineProps<Props>();
</script>