boursecu/boursecu_user
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1405/04/10-fix bug iphone show

Browse Source
This commit is contained in:
MojtabaSoumi
2026-07-01 12:49:43 +03:30
parent a133f6e11d
commit 40c8d21a0d
20 changed files with 315 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/address/mobile/MobileAddressView.vue
+5 -5
View File
@@ -1,13 +1,13 @@
<template>
<div>
<MobilePageHeader title="آدرس ها" show-back />
<div>
<img :src="img" alt="" class="mt-2 w-full absolute bottom-0" />
<div class="relative">
<div class="mobile-page-bg" aria-hidden="true">
<img :src="img" alt="" />
</div>
<MobilePageHeader title="آدرس ها" show-back />
<div
:class="loading ? 'h-screen' : ''"
class="px-3 mpage-content pb-2 overflow-y-scroll mpage-scroll"
class="relative z-1 px-3 mpage-content pb-2 overflow-y-scroll mpage-scroll"
>
<div
v-if="isBazretalaProject()"
src/views/base/home/components/AppHeader.vue
+18 -1
View File
@@ -40,7 +40,8 @@
</template>
<script setup lang="ts">
import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
import { computed, nextTick, onActivated, onMounted, onUnmounted, ref, watch } from 'vue'
import { useRoute } from 'vue-router'
import { useUserStore } from '@/store/userStore'
import router from '@/router'
import Icon from '@/components/BasicPacks/BasicIcon.vue'
@@ -48,6 +49,7 @@ import { getProjectMobileNavLogo, isBoursecuProject } from '@/utils/config'
const headerRef = ref<HTMLElement | null>(null)
const isHeaderScrolled = ref(false)
const route = useRoute()
const userStore = useUserStore()
const projectLogo = computed(() => getProjectMobileNavLogo())
@@ -158,6 +160,21 @@ onMounted(async () => {
requestAnimationFrame(() => setupScrollTracking())
})
onActivated(() => {
isHeaderScrolled.value = false
setupScrollTracking()
})
watch(
() => route.fullPath,
() => {
if (route.name === 'home') {
isHeaderScrolled.value = false
nextTick(() => setupScrollTracking())
}
},
)
onUnmounted(() => {
teardownScrollTracking()
})
src/views/base/home/index.vue
+6
View File
@@ -25,6 +25,8 @@ import BalanceSheet from './components/BalanceSheet.vue'
import ShareModal from './components/ShareModal.vue'
import HomePageShell from './shell/HomePageShell.vue'
import { useHomePage } from './composables/useHomePage'
import { onMounted } from 'vue'
import { recoverMobileViewportAfterAuth } from '@/layouts/composables/useMobileScrollReset'
const {
userStore,
@@ -37,6 +39,10 @@ const {
goldVal,
logout,
} = useHomePage()
onMounted(() => {
recoverMobileViewportAfterAuth()
})
</script>
<style scoped>
src/views/base/products/index.vue
+2 -9
View File
@@ -1,5 +1,5 @@
<template>
<div class="products-page-root">
<div class="products-page-root main-with-bottom-chrome-inner--contained">
<ResponsiveViewPair>
<template #mobile>
<MobileProductsView />
@@ -104,16 +104,9 @@ const {
<style scoped>
.products-page-root {
min-height: 100%;
height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
</style>
<style lang="less">
.products-page-root.main-with-bottom-chrome-inner {
overflow: hidden;
}
</style>
src/views/base/products/mobile/MobileProductsView.vue
+1 -15
View File
@@ -1,6 +1,6 @@
<template>
<div class="products-mobile-root">
<div class="products-mobile-root__bg" aria-hidden="true">
<div class="mobile-page-bg" aria-hidden="true">
<img :src="img" alt="" />
</div>
<MobilePageHeader title="خرید و فروش" />
@@ -86,20 +86,6 @@ const storeClosedMessage = computed(() => getStoreClosedMessage())
overflow: hidden;
}
.products-mobile-root__bg {
pointer-events: none;
position: absolute;
inset: 0;
overflow: hidden;
z-index: 0;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.products-mobile-root__chrome {
position: relative;
z-index: 1;
src/views/base/transactions/DefaultTransactionsPage.vue
+8 -3
View File
@@ -1,6 +1,10 @@
<template>
<div>
<div class="absolute inset-0 bg-cover bg-center opacity-60 pointer-events-none"></div>
<div class="relative">
<div
class="mobile-page-bg mobile-page-bg--cover opacity-60"
aria-hidden="true"
:style="{ backgroundImage: `url(${img})` }"
></div>
<MobilePageHeader title="تراکنش ها">
<template #trailing>
<BasicIcon icon="vuesax-linear:filter" @click="showFilter = true" />
@@ -8,7 +12,7 @@
</MobilePageHeader>
<!-- <div ref="el" :class="loading ? 'h-screen' : ''" class="px-3 mpage-content pb-10">-->
<div ref="el" class="transactions-page-body px-3 pt-16 pb-24">
<div ref="el" class="transactions-page-body relative z-1 px-3 mpage-content pb-24">
<list-anim v-if="!loading">
<Item v-for="item in items" :key="item.id" :item="item" />
<div :ref="bindMobileObserver" v-show="!loading" class="w-full opacity-0 relative">
@@ -52,6 +56,7 @@ import BaseDatePicker from '@/components/BasicPacks/BaseDatePicker/src/BaseDateP
import ListAnim from '@/components/ListAnim.vue'
import TransactionSkeleton from '@/components/TransactionSkeleton.vue'
import { DotLottieVue } from '@lottiefiles/dotlottie-vue'
import img from '@/assets/img/user_ly1.svg'
import { useTransactionsPageContext } from './composables/useTransactionsPage'
const el = ref<HTMLElement | null>(null)
src/views/base/user/mobile/MobileUserView.vue
+1 -15
View File
@@ -1,6 +1,6 @@
<template>
<div class="mobile-user-view">
<div class="mobile-user-view__bg" aria-hidden="true">
<div class="mobile-page-bg" aria-hidden="true">
<img :src="img" alt="" />
</div>
<MobilePageHeader title="اطلاعات حساب کاربری" show-back />
@@ -114,20 +114,6 @@ const {
overflow: hidden;
}
.mobile-user-view__bg {
pointer-events: none;
position: absolute;
inset: 0;
overflow: hidden;
z-index: 0;
img {
position: absolute;
bottom: 0;
width: 100%;
}
}
.mobile-user-view__scroll {
position: relative;
z-index: 1;
src/views/base/wallet/mobile/MobileWalletView.vue
+6 -2
View File
@@ -1,6 +1,10 @@
<template>
<div>
<div class="absolute inset-0 bg-cover bg-center opacity-60" :style="{ backgroundImage: `url(${img})` }"></div>
<div class="relative">
<div
class="mobile-page-bg mobile-page-bg--cover opacity-60"
aria-hidden="true"
:style="{ backgroundImage: `url(${img})` }"
></div>
<MobilePageHeader title="کیف پول" />
<div class="mpage-subheader wrap-fix flex justify-evenly">
<div class="flex justify-evenly w-full px-2 h-11 items-center bg-gray-50 relative rounded">
src/views/login/components/Login.vue
+2 -1
View File
@@ -377,6 +377,7 @@ import { useWalletStore } from '@/store/walletStore'
import { useSettingsStore } from '@/store/settingsStore'
import { syncPriceRealtimeChannel } from '@/utils/priceSocket'
import { setTruth } from '@/app/authBoot'
import { completeLoginNavigation } from '@/layouts/composables/useMobileScrollReset'
import {useConfigStore} from "@/store/configStore";
import {
getConfigApp,
@@ -488,7 +489,7 @@ async function login(accessToken: string | undefined) {
/* if (userStore.userInfo?.type === (URLUserType() === 'customer' ? 1 : 2)) {*/
await walletStore.getMyWallet()
setTruth()
await router.push({ name: 'home' })
await completeLoginNavigation()
/* } else {
removeToken()
userStore.removeInformation()
src/views/login/composables/useLoginForm.ts
+3 -2
View File
@@ -16,6 +16,7 @@ import { useUserStore } from '@/store/userStore'
import { useWalletStore } from '@/store/walletStore'
import { useSettingsStore } from '@/store/settingsStore'
import { setTruth } from '@/app/authBoot'
import { completeLoginNavigation } from '@/layouts/composables/useMobileScrollReset'
export function useLoginForm() {
const { time, onFinish, reset } = useCountdownTimer('00:02:00', 'mm:ss')
@@ -55,7 +56,7 @@ export function useLoginForm() {
const fingerPrint = await authenticateWithFingerprint()
if (fingerPrint) {
setTruth()
await router.push({ name: 'home' })
await completeLoginNavigation()
} else {
message.error('خطا در اعتبارسنجی')
}
@@ -75,7 +76,7 @@ export function useLoginForm() {
await userStore.getMyInfo()
await walletStore.getMyWallet()
setTruth()
await router.push({ name: 'home' })
await completeLoginNavigation()
}
function getcode() {
src/views/login/index.vue
+9 -2
View File
@@ -78,11 +78,18 @@ const isGaroosi = computed(() => config.config?.name === 'garoosi')
<style scoped>
.login-page-root {
width: 100%;
min-height: 100vh;
height: 100%;
max-height: 100dvh;
overflow: hidden;
}
.login-page {
min-height: calc(100vh - var(--app-credit-footer-offset, 28px));
height: 100%;
max-height: calc(100dvh - var(--app-credit-footer-offset, 28px));
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.login-page__content {
src/views/login/mobile/MobileLoginView.vue
+5 -1
View File
@@ -32,6 +32,10 @@ const isBoursecu = isBoursecuProject()
<style scoped>
.login-page {
min-height: calc(100vh - var(--app-credit-footer-offset, 28px));
min-height: calc(100dvh - var(--app-credit-footer-offset, 28px));
max-height: calc(100dvh - var(--app-credit-footer-offset, 28px));
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
</style>