mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-25 16:34:01 +00:00
wrapperに分割するように WIP
This commit is contained in:
parent
47d7f4ed10
commit
77f72f3531
|
@ -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
20
src/components/HistoryWrappedComponent.vue
Normal 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>
|
Loading…
Reference in New Issue
Block a user