34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in mt-6 pb-45">
|
||
|
|
<div class="text-center w-full">
|
||
|
|
<div>بالاترین قیمت امروز</div>
|
||
|
|
<div v-if="price" class="flex flex-col items-center mt-3">
|
||
|
|
<div class="text-green-600 flex gap-1 text-xs items-center">
|
||
|
|
<div class="text-base">{{ usePriceWithoutType(price?.buy ?? 0) }}</div>
|
||
|
|
ریال
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a-divider class="bg-gray-200 !h-auto !my-2" type="vertical" />
|
||
|
|
<div class="text-center w-full">
|
||
|
|
<div>پایین ترین قیمت امروز</div>
|
||
|
|
<div class="flex w-full mt-3 justify-evenly">
|
||
|
|
<div v-if="price" class="flex flex-col items-center">
|
||
|
|
<div class="text-red-600 flex gap-1 text-xs items-center">
|
||
|
|
<div class="text-base">{{ usePriceWithoutType(price?.sell ?? 0) }}</div>
|
||
|
|
ریال
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
|
||
|
|
import {usePriceWithoutType} from "../../../../utils/usePrice";
|
||
|
|
|
||
|
|
defineProps<{
|
||
|
|
price: any
|
||
|
|
}>()
|
||
|
|
</script>
|