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
f64096b5d7
commit
121bd4e278
|
@ -5,13 +5,13 @@
|
|||
過去のお手伝い
|
||||
</div>
|
||||
<q-list bordered padding>
|
||||
<q-item v-for="(task, index) in tasks" :key="index" clickable>
|
||||
<q-item v-for="(task, index) in props.tasks" :key="index" clickable>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ task.name }}</q-item-label>
|
||||
<q-item-label caption>{{ task.date }}</q-item-label>
|
||||
<!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-item-label>{{ task.amount }} 円</q-item-label>
|
||||
<q-item-label>{{ task.reward }} 円</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
|
@ -19,16 +19,16 @@
|
|||
</q-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HistoryComponent',
|
||||
props: {
|
||||
tasks: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
}
|
||||
};
|
||||
<script setup lang="ts">
|
||||
import { TaskBaseItem } from 'src/models/task';
|
||||
|
||||
interface Props {
|
||||
tasks: TaskBaseItem[];
|
||||
}
|
||||
|
||||
// Props の取得
|
||||
const props = defineProps<Props>();
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
|
Loading…
Reference in New Issue
Block a user