| | |
| | | <template> |
| | | <PageLayout v-bind="props"> |
| | | <template #navigationBar> |
| | | <TransparentNavigationBar :title="title" :is-absolute="false"> |
| | | <template #left> |
| | | <slot name="left"></slot> |
| | | </template> |
| | | </TransparentNavigationBar> |
| | | </template> |
| | | <template #bg> |
| | | <div class="page-layout-container"> |
| | | <slot name="bg"> |
| | | <img :src="OssAssets.common.CommonPageBg" class="common-page-bg" /> |
| | | </template> |
| | | <template #default="{ scrollViewHeight }"> |
| | | <slot :scrollViewHeight="scrollViewHeight" /> |
| | | </template> |
| | | </PageLayout> |
| | | </slot> |
| | | <PageLayout v-bind="props"> |
| | | <template #navigationBar> |
| | | <slot name="navigationBar"> |
| | | <TransparentNavigationBar :title="title" :is-absolute="false"> |
| | | <template #left> |
| | | <slot name="left"></slot> |
| | | </template> |
| | | </TransparentNavigationBar> |
| | | </slot> |
| | | </template> |
| | | <template #default="{ scrollViewHeight }"> |
| | | <slot :scrollViewHeight="scrollViewHeight" /> |
| | | </template> |
| | | </PageLayout> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | import TransparentNavigationBar from '../NavigationBar/TransparentNavigationBar.vue'; |
| | | import _ from 'lodash'; |
| | | import { OssAssets } from '@/constants'; |
| | | import { pageLayoutProps } from './layout'; |
| | | |
| | | defineOptions({ |
| | | name: 'PageLayoutWithBg', |
| | | }); |
| | | |
| | | type Props = { |
| | | title?: string; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |
| | | const props = defineProps(pageLayoutProps); |
| | | </script> |
| | | |
| | | <style lang="scss"> |