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,63 @@
+<template>
+  <div class="bg-primary rounded-lg p-2 py-1 mt-2">
+    <div class="p-2">
+      <div
+          v-if="userStore.userInfo?.referral_id"
+          class="text-tertiary font-bold w-full text-center flex justify-between gap-2 items-center"
+      >
+        کد معرف:
+        <div class="flex gap-2">
+          <div class="mr-2">{{ userStore.userInfo?.referral_id }}</div>
+        </div>
+      </div>
+      <div class="w-full flex gap-2 mt-1">
+        <BasicButton
+            icon="vuesax-linear:share"
+            size="small"
+            class="flex-1 !bg-primary !border-tertiary !text-tertiary"
+            icon-size="18"
+            @click.stop="shareCode"
+        >
+          دعوت از دوستان
+        </BasicButton>
+        <BasicButton
+            icon="vuesax-linear:copy"
+            size="small"
+            class="flex-1 !bg-primary !border-tertiary !text-tertiary"
+            icon-size="18"
+            @click.stop="copyCode"
+        >
+          رونوشت
+        </BasicButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useUserStore } from '@/store/userStore'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { message } from 'ant-design-vue'
+
+const userStore = useUserStore()
+
+const shareCode = () => {
+  const text = `⭐️الان طلا بخر؛ آخر ماه سودشو ببر!
+با خرید طلای آبشده در مقدارهای کم ولی مستمر، سود بیشتری ببر!
+
+این دعوت نامه از طرف "${userStore.userInfo?.name}" عزیز برای شما ارسال شده تا شما هم از بازار طلا جا نمونید.
+روی لینک زیر کلیک کنید و ثبت نام خود را تکمیل کنید.
+
+${window.location.hostname}/login?id=${userStore.userInfo?.referral_id}`
+
+  navigator.share({ title: 'طلا', text })
+}
+
+const copyCode = () => {
+  const code = userStore.userInfo?.referral_id
+  if (code) {
+    navigator.clipboard.writeText(code)
+    message.info('کد رونوشت شد')
+  }
+}
+</script>