From add9b3bb61fcc337b02c15e7973967d670e7d3be Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 17:17:28 +0800
Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-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