1405/02/19-change style for garoosi

src/views/base/home/index.vue

@@ -23,8 +23,20 @@
                     style="touch-action: none" />
         </div>-->
         <!--        <div class="bg-gradient-to-l mt-3 p-1   shadow-lg  from-primary rounded-lg p-px  to-transparent ">-->
-        <div class="mt-5 p-1 shadow-lg from-primary rounded-lg p-px to-transparent">
+        <div class="  p-1 shadow-lg from-primary rounded-lg p-px to-transparent" :class="getConfigApp('name')=='garoosi'?'mt-0':'mt-5'">
-          <div class="p-2 py-3 rounded-lg bg-tertiary">
+          <div v-if="getConfigApp('name')=='garoosi'"  class="flex justify-between px-2 mb-2  ">
+            <div class="flex gap-1">
+              <div >دارایی طلایی:</div>
+              <div class="font-bold">{{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3) }}گرم</div>
+            </div>
+            <div class="flex gap-1">
+              <div>دارایی ریالی:</div>
+              <div class="font-bold">{{
+                  usePriceWithoutType(userStore?.userInfo?.wallet?.count_cash ?? 0)
+                }}ریال</div>
+            </div>
+          </div>
+          <div class="p-2  py-3 rounded-lg bg-tertiary">
             <div class="flex justify-between ">
               <!--              <div
                                 class="text-center w-full flex-flex-col items-center home_appear_fade_in_up"
@@ -118,7 +130,46 @@
           <!--            <ADivider></ADivider>-->
           <div>
             <!--            <div @click="router.push({ name: 'fund' })">-->
-            <div class="bg-primary rounded-lg p-2 py-3 mt-2">
+            <div v-if="getConfigApp('name')=='garoosi'" 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>
+                    <!--            <BasicIcon icon="vuesax-linear:copy" color="#2563EB" class="cursor-pointer" size="18"
+                                           @click.stop="copyCode()" />
+                                &lt;!&ndash;          vuesax-linear:hierarchy-3&ndash;&gt;
+                                <BasicIcon icon="vuesax-linear:share" color="#2563EB" class="cursor-pointer" size="18"
+                                           @click.stop="shareCode()" />-->
+                  </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()"
+                  >
+                    {{ getConfigApp('name') == 'garoosi' ? 'دعوت از دوستان' : ' اشتراک گذاری' }}
+                  </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>
+            <div v-else class="bg-primary rounded-lg p-2 py-3 mt-2">
               <div class="flex justify-center text-tertiary w-full z-20">
                 محصولات:
                 <div class="text-l mr-2 font-bold">{{ userStore?.userInfo?.wallet?.count_product ?? 0 }}عدد</div>