1405/02/24-Optimization home index.vue

2026-05-14 13:44:43 +03:30
parent e3b4182f6c
commit 1b13aa2a7d
19 changed files with 2143 additions and 1082 deletions
@@ -0,0 +1,34 @@
+<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>