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