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/h5/src/components/Layout/PageLayoutWithBg.vue | 40 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 40 insertions(+), 0 deletions(-)
diff --git a/apps/h5/src/components/Layout/PageLayoutWithBg.vue b/apps/h5/src/components/Layout/PageLayoutWithBg.vue
new file mode 100644
index 0000000..2ec1fdc
--- /dev/null
+++ b/apps/h5/src/components/Layout/PageLayoutWithBg.vue
@@ -0,0 +1,40 @@
+<template>
+ <PageLayout v-bind="props">
+ <template #navigationBar>
+ <TransparentNavigationBar :title="title" :is-absolute="false"></TransparentNavigationBar>
+ </template>
+ <template #default>
+ <img :src="IconBg" class="common-page-bg" />
+ <slot />
+ </template>
+ </PageLayout>
+</template>
+
+<script setup lang="ts">
+import PageLayout from './PageLayout.vue';
+import IconBg from '@/assets/components/icon-page-bg.png';
+import TransparentNavigationBar from '../NavigationBar/TransparentNavigationBar.vue';
+
+defineOptions({
+ name: 'PageLayoutWithBg',
+});
+
+type Props = {
+ title?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss" scoped>
+@use '@/style/common.scss' as *;
+
+.common-page-bg {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ width: 100%;
+ object-fit: cover;
+}
+</style>
--
Gitblit v1.9.1