From 1327b99efda99ada27a956981648950f580314b0 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 22 五月 2025 14:17:47 +0800
Subject: [PATCH] fix: 修改ui
---
apps/h5/src/components/Layout/PageLayout.vue | 68 ++++++++++++++++++++++++++++++++++
1 files changed, 68 insertions(+), 0 deletions(-)
diff --git a/apps/h5/src/components/Layout/PageLayout.vue b/apps/h5/src/components/Layout/PageLayout.vue
new file mode 100644
index 0000000..263cd68
--- /dev/null
+++ b/apps/h5/src/components/Layout/PageLayout.vue
@@ -0,0 +1,68 @@
+<template>
+ <div class="page-layout-wrapper">
+ <slot v-if="showNavigationBar" name="navigationBar">
+ <CommonNavigationBar v-bind="props" />
+ </slot>
+ <div class="page-layout-scroll-view-wrapper">
+ <slot></slot>
+ </div>
+ <div class="safe-area-bottom"></div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import CommonNavigationBar from '../NavigationBar/CommonNavigationBar.vue';
+import { commonNavigationBarProps } from '../NavigationBar/commonNavigationBar';
+
+defineOptions({
+ name: 'PageLayout',
+});
+
+const props = defineProps({
+ ...commonNavigationBarProps,
+ hasLinearBg: {
+ type: Boolean,
+ default: false,
+ },
+ linearBgHeight: {
+ type: Number,
+ default: 199,
+ },
+});
+</script>
+
+<style lang="scss" scoped>
+@use '@/style/common.scss' as *;
+
+.page-layout-wrapper {
+ display: flex;
+ height: 100%;
+ flex-direction: column;
+
+ .navigation-bar {
+ height: 88px;
+ }
+
+ .page-layout-scroll-view-wrapper {
+ display: flex;
+ min-height: 0;
+ flex: 1;
+ flex-direction: column;
+
+ :deep() {
+ .loading-layout-wrapper {
+ display: flex;
+ min-height: 0;
+ flex: 1;
+ flex-direction: column;
+ }
+ }
+ }
+
+ .safe-area-bottom {
+ padding-bottom: 20px; /* 榛樿鍊� */
+ padding-bottom: constant(safe-area-inset-bottom);
+ padding-bottom: env(safe-area-inset-bottom);
+ }
+}
+</style>
--
Gitblit v1.9.1