safavimohadeseh78andCursor
a5e458ed25
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>
108 lines
3.0 KiB
Vue
108 lines
3.0 KiB
Vue
<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>
|