69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
Vue
<template>
|
|
<div v-if="item" class="bg-white flex flex-col items-center p-3 rounded-xl">
|
|
<img v-lazy="{ src: itemImg, loading: logo,error: logo}" alt="" class="w-[87px] ">
|
|
<div class="mt-3">{{props.item?.title?? '-'}}</div>
|
|
<div class="mt-1 flex gap-1"><div class="font-bold">{{props.item?.wallet[0]?.gold?? '-'}}</div> گرم</div>
|
|
<!-- {{props.item?.wallet[0]?.cash}}-->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import homeImg from '@/assets/img/cash_home.svg'
|
|
import giftImg from '@/assets/img/cash_gift.svg'
|
|
import circulationImg from '@/assets/img/cash_circulation.svg'
|
|
import loveImg from '@/assets/img/cash_love.svg'
|
|
import repairsImg from '@/assets/img/cash_repairs.svg'
|
|
import savingImg from '@/assets/img/cash_saving.svg'
|
|
import {computed} from "vue";
|
|
import type {Fund} from "@/models/fund";
|
|
import logo from "@/assets/img/logo_full_.png";
|
|
/*function itemImg() {
|
|
|
|
}*/
|
|
interface Prop {
|
|
item: Fund
|
|
}
|
|
|
|
const props = defineProps<Prop>()
|
|
|
|
const itemImg = computed(() => {
|
|
switch (props.item?.title) {
|
|
case 'خرید لوازم منزل':
|
|
return homeImg
|
|
case 'هدیه':
|
|
return giftImg
|
|
case 'گردش':
|
|
return circulationImg
|
|
case 'ازدواج':
|
|
return loveImg
|
|
case 'تعمیرات':
|
|
return repairsImg
|
|
case 'پس انداز':
|
|
return savingImg
|
|
default: return savingImg
|
|
}
|
|
})
|
|
|
|
/*const itemName = computed(() => {
|
|
switch (props.type) {
|
|
case 'home':
|
|
return 'خرید لوازم منزل'
|
|
case 'gift':
|
|
return 'هدیه'
|
|
case 'circulation':
|
|
return 'گردش'
|
|
case 'love':
|
|
return 'ازدواج'
|
|
case 'repairs':
|
|
return 'تعمیرات'
|
|
case 'saving':
|
|
return 'پس انداز'
|
|
default: return null
|
|
}
|
|
})*/
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |