From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期五, 16 五月 2025 17:27:24 +0800 Subject: [PATCH] feat: UI --- apps/taro/src/components/Layout/PageLayout.vue | 27 ++++++++++++++++++++++----- 1 files changed, 22 insertions(+), 5 deletions(-) diff --git a/apps/taro/src/components/Layout/PageLayout.vue b/apps/taro/src/components/Layout/PageLayout.vue index 3a89eb7..4396c42 100644 --- a/apps/taro/src/components/Layout/PageLayout.vue +++ b/apps/taro/src/components/Layout/PageLayout.vue @@ -1,7 +1,7 @@ <template> <Portal.Host> <div :class="['page-layout-wrapper', { isWeb: isWeb }]" v-bind="$attrs"> - <slot v-if="showNavigationBar" name="navigationBar"> + <slot v-if="_showNavigationBar" name="navigationBar"> <CommonNavigationBar v-bind="_commonNavigationBarProps" /> </slot> @@ -42,10 +42,12 @@ import { useSystemStore } from '@/stores/modules/system'; import Taro from '@tarojs/taro'; import { TabBarPageRouter } from '@/constants'; -import { useAuth } from '@/hooks'; +import { useAuth, useTabRouteEnhance } from '@/hooks'; import { Portal } from 'senin-mini/components'; import { usePickProps } from 'senin-mini/hooks'; -import { isWeb } from '@/utils/env'; +import { isWeb, isInAlipay, isInWeChat } from '@/utils/env'; +//@ts-ignore +import { setPageTitle } from '@/utils'; defineOptions({ name: 'PageLayout', @@ -72,7 +74,22 @@ }, }); +setPageTitle(props.title); + +useTabRouteEnhance(); + const _commonNavigationBarProps = usePickProps(props, commonNavigationBarProps); + +const _showNavigationBar = computed(() => { + if (props.showNavigationBar) { + // if (isWeb) { + // return !isInAlipay && !isInWeChat; + // } + return true; + } else { + return false; + } +}); const { isAuth } = useAuth({ needAuth: props.needAuth, @@ -93,7 +110,7 @@ let pageHeight = pageHeightWithTabBar.value ? systemStore.pageHeightWithTab : systemStore.pageHeight; - pageHeight = pageHeight + (props.showNavigationBar ? 0 : navigationBarHeight.value); + pageHeight = pageHeight + (_showNavigationBar.value ? 0 : navigationBarHeight.value); return pageHeight + 'px'; }); </script> @@ -102,7 +119,7 @@ @import '@/styles/common.scss'; .page-layout-wrapper { - // background-color: $body-background-color; + /* background-color: $body-background-color; */ .page-layout-scroll-view-wrapper { display: flex; -- Gitblit v1.9.1