perf: 优化移动端布局

This commit is contained in:
kuaifan 2025-04-10 11:13:19 +08:00
parent bba5bb7411
commit ebbde8afd3
3 changed files with 8 additions and 4 deletions

View File

@ -36,10 +36,10 @@
<GuidePage/>
<!--返回效果-->
<MobileBack/>
<MobileBack v-if="isFirstPage"/>
<!--移动端通知-->
<MobileNotification/>
<MobileNotification v-if="isFirstPage"/>
<!--网络提示-->
<NetworkException v-if="windowLandscape"/>
@ -134,7 +134,7 @@ export default {
},
computed: {
...mapState(['ws', 'themeConf', 'windowOrientation', 'safeAreaSize', 'mobileTabbar']),
...mapState(['ws', 'themeConf', 'windowOrientation', 'safeAreaSize', 'isFirstPage', 'mobileTabbar']),
statusColor({routeName}) {
if (!routeName) {

View File

@ -339,7 +339,8 @@ const $preload = async () => {
return
}
const pageInfo = $A.eeuiAppGetPageInfo() || {};
if (pageInfo.pageName === 'firstPage') {
store.state.isFirstPage = pageInfo.pageName === 'firstPage'
if (store.state.isFirstPage) {
$A.eeuiAppGetSafeAreaInsets().then(data => {
const proportion = data.height / window.outerHeight
store.state.safeAreaSize = {

View File

@ -23,6 +23,9 @@ export default {
windowHeight: windowHeight,
safeAreaSize: {top: 0, bottom: 0, data: null}, // 安全区域尺寸
// 是否第一个页面eeui
isFirstPage: false,
// 浏览器窗口方向
windowOrientation: windowOrientation,
windowLandscape: windowOrientation === 'landscape', // 横屏