Split desktop and mobile layouts with shared page data so APIs fetch once per context.

Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-14 10:08:46 +03:30
parent 4404b4cb92
commit a5e458ed25
234 changed files with 18425 additions and 5503 deletions
@@ -0,0 +1,107 @@
+<template>
+  <div class="bottom-appbar w-auto mx-auto bg-white">
+    <div class="tabs bottom-0">
+      <div
+        v-if="isBoursecu"
+        :class="navItemClass('buyProduct')"
+        class="tab"
+        @click="$emit('navigate', 'buyProduct')"
+      >
+        <Icon icon="vuesax-linear:box" />
+        <div class="text-xs mt-1 font-bold">سفارش ها</div>
+      </div>
+      <div
+        v-else
+        :class="navItemClass('home')"
+        class="tab"
+        @click="$emit('navigate', 'home')"
+      >
+        <Icon icon="vuesax-linear:home" />
+        <div class="text-xs mt-1 font-bold">صفحه اصلی</div>
+      </div>
+
+      <div
+        :class="navItemClass('transactions')"
+        class="tab"
+        @click="$emit('navigate', 'transactions')"
+      >
+        <Icon icon="vuesax-linear:receipt-item" />
+        <div class="text-xs mt-1 font-bold">{{ isBoursecu ? 'تراکنش ها' : 'گزارش' }}</div>
+      </div>
+
+      <div
+        v-if="isBoursecu"
+        :class="navItemClass('home')"
+        class="tab"
+        @click="$emit('navigate', 'home')"
+      >
+        <Icon icon="vuesax-linear:home" />
+        <div class="text-xs mt-1 font-bold">صفحه اصلی</div>
+      </div>
+      <div v-else class="main_in" @click="$emit('navigate', 'buyProduct')">
+        <div
+          class="circle_in"
+          :class="isWhiteNavLogo ? 'is-white-nav-logo' : 'text-white'"
+        >
+          <div class="circle_into" @click.stop="$emit('toggle-overflow')">
+            <div
+              v-if="projectName === 'garoosi'"
+              class="p-2 text-tertiary flex flex-col justify-center items-center"
+            >
+              <Icon icon="vuesax-linear:coin" />
+              <div class="text-[9px] font-bold">محصولات</div>
+            </div>
+            <img
+              v-else
+              class="p-2"
+              :src="navLogo"
+              alt=""
+            />
+          </div>
+        </div>
+      </div>
+
+      <div
+        :class="navItemClass('wallet')"
+        class="tab"
+        @click="$emit('navigate', 'wallet')"
+      >
+        <Icon icon="vuesax-linear:wallet-1" />
+        <div class="text-xs mt-1 font-bold">کیف پول</div>
+      </div>
+      <div
+        :class="navItemClass('user')"
+        class="tab"
+        @click="$emit('navigate', 'user')"
+      >
+        <Icon icon="vuesax-linear:setting-2" />
+        <div class="text-xs mt-1 font-bold">تنظیمات</div>
+      </div>
+    </div>
+
+    <div v-if="!isBoursecu" class="main">
+      <div class="circle" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import Icon from '@/components/BasicPacks/BasicIcon.vue'
+import { getConfigApp } from '@/utils/config'
+
+defineProps<{
+  isBoursecu: boolean
+  navLogo: string
+  navItemClass: (routeName: string) => string
+}>()
+
+defineEmits<{
+  navigate: [routeName: string]
+  'toggle-overflow': []
+}>()
+
+const projectName = getConfigApp('name')
+const whiteNavLogoProjects = ['goldenramin']
+const isWhiteNavLogo = computed(() => whiteNavLogoProjects.includes(projectName))
+</script>