luminic-space/app-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tg app fix

Browse Source
This commit is contained in:
xds
2025-10-28 10:01:20 +03:00
parent 310bc974f4
commit 63bf5b9027
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -14,7 +14,6 @@
</head> </head>
<body> <body>
<script type="text/javascript"> <script type="text/javascript">
let tgWebApp = window.Telegram.WebApp
</script> </script>
<div id="app"></div> <div id="app"></div>

13
src/App.vue
View File

@@ -59,10 +59,19 @@ function setupBackButton() {
} }
} }
const isNavVisible = ref(true)
// Обработчики для показа/скрытия навигации
const hideNav = () => isNavVisible.value = false
const showNav = () => isNavVisible.value = true
onMounted(() => { onMounted(() => {
toolbarStore.registerHandler("openSpacePicker", () => { toolbarStore.registerHandler("openSpacePicker", () => {
isSpaceSelectorVisible.value = true; isSpaceSelectorVisible.value = true;
}); });
document.addEventListener('focusin', hideNav)
document.addEventListener('focusout', showNav)
if (tgApp.initData) { if (tgApp.initData) {
try { try {
@@ -90,6 +99,8 @@ watch(
onBeforeUnmount(() => { onBeforeUnmount(() => {
toolbarStore.unregisterHandler("openSpacePicker"); toolbarStore.unregisterHandler("openSpacePicker");
document.removeEventListener('focusin', hideNav)
document.removeEventListener('focusout', showNav)
tgApp?.BackButton?.hide(); tgApp?.BackButton?.hide();
if (backHandler) tgApp?.BackButton?.offClick(backHandler); if (backHandler) tgApp?.BackButton?.offClick(backHandler);
}); });
@@ -111,7 +122,7 @@ onBeforeUnmount(() => {
<router-view class="w-full" /> <router-view class="w-full" />
</div> </div>
<nav <nav v-if="isNavVisible"
class="fixed inset-x-0 bottom-4 z-50 w-full flex justify-center items-center" class="fixed inset-x-0 bottom-4 z-50 w-full flex justify-center items-center"
style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;" style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;"
> >