huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update full-page.vue

Browse Source
This commit is contained in:
huxuejian 2026-02-03 10:16:54 +08:00
parent 53af6858e3
commit 64c36a3d60
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/full-page.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<view class="full-page" :style="pageStyle"> <view class="full-page" :class="pageClass" :style="pageStyle">
<view v-if="hasHeader" class="page-header"> <view v-if="hasHeader" class="page-header">
<slot name="header"></slot> <slot name="header"></slot>
</view> </view>
<view class="page-main" :style="mainStyle"> <view class="page-main" :class="mainClass" :style="mainStyle">
<view v-if="customScroll" class="page-scroll"> <view v-if="customScroll" class="page-scroll">
<slot></slot> <slot></slot>
</view> </view>
@ -21,9 +21,7 @@
<view v-if="hasFooter" class="page-footer"> <view v-if="hasFooter" class="page-footer">
<slot name="footer"></slot> <slot name="footer"></slot>
</view> </view>
<!-- #ifdef MP--> <view v-if="showSafeArea" class="safeareaBottom"></view>
<!-- <view class="safeareaBottom"></view> -->
<!-- #endif -->
</view> </view>
</template> </template>
<script setup> <script setup>
@ -33,8 +31,11 @@ import useDebounce from "@/utils/useDebounce";
const emits = defineEmits(["reachBottom"]); const emits = defineEmits(["reachBottom"]);
const props = defineProps({ const props = defineProps({
customScroll: { type: Boolean, default: false }, customScroll: { type: Boolean, default: false },
mainStyle: { default: "" }, mainClass: { type: String, default: "" },
pageStyle: { default: "" }, mainStyle: { default: '' },
pageClass: { type: String, default: "" },
pageStyle: { default: '' },
showSafeArea: { type: Boolean, default: true },
}); });
const slots = useSlots(); const slots = useSlots();
const hasHeader = computed(() => !!slots.header); const hasHeader = computed(() => !!slots.header);