From ddddcf83e7deb9d0a674d2bbead300089530d87e Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 13:24:07 +0800
Subject: [PATCH] feat: UI
---
apps/h5/src/components/Layout/PageLayoutWithBg.vue | 24 ++++++++----------------
1 files changed, 8 insertions(+), 16 deletions(-)
diff --git a/apps/h5/src/components/Layout/PageLayoutWithBg.vue b/apps/h5/src/components/Layout/PageLayoutWithBg.vue
index 3706ecb..2ec1fdc 100644
--- a/apps/h5/src/components/Layout/PageLayoutWithBg.vue
+++ b/apps/h5/src/components/Layout/PageLayoutWithBg.vue
@@ -1,26 +1,19 @@
<template>
<PageLayout v-bind="props">
<template #navigationBar>
- <TransparentNavigationBar :title="title" :is-absolute="false">
- <template #left>
- <slot name="left"></slot>
- </template>
- </TransparentNavigationBar>
+ <TransparentNavigationBar :title="title" :is-absolute="false"></TransparentNavigationBar>
</template>
- <template #bg>
- <img :src="OssAssets.common.CommonPageBg" class="common-page-bg" />
- </template>
- <template #default="{ scrollViewHeight }">
- <slot :scrollViewHeight="scrollViewHeight" />
+ <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';
-import _ from 'lodash';
-import { OssAssets } from '@/constants';
defineOptions({
name: 'PageLayoutWithBg',
@@ -33,16 +26,15 @@
const props = withDefaults(defineProps<Props>(), {});
</script>
-<style lang="scss">
-@import '@/styles/common.scss';
+<style lang="scss" scoped>
+@use '@/style/common.scss' as *;
.common-page-bg {
position: fixed;
- z-index: -1;
top: 0;
left: 0;
+ z-index: -1;
width: 100%;
- height: 644px;
object-fit: cover;
}
</style>
--
Gitblit v1.9.1