feat ui设计稿bug修复
This commit is contained in:
@@ -1,40 +1,27 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { AppFooter, AppHeader, FilePreviewDialog } from '@/components'
|
||||
import FloatingActions from './components/FloatingActions.vue'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
/** 公共底栏只在首页展示(首页路由 meta.footer = true),其余页面不渲染 */
|
||||
const showFooter = computed(() => route.meta.footer === true)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="layout">
|
||||
<AppHeader />
|
||||
<main
|
||||
class="layout__main"
|
||||
:class="{ 'layout__main--full': !showFooter }"
|
||||
>
|
||||
<main class="layout__main">
|
||||
<router-view />
|
||||
</main>
|
||||
<AppFooter v-if="showFooter" />
|
||||
<FloatingActions />
|
||||
<AppFooter />
|
||||
<!-- 全局文件预览弹窗(同源 OSS 预览,绕开桶强制下载) -->
|
||||
<FilePreviewDialog />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="less" scoped>
|
||||
// 公共底栏全站常驻(设计稿 43 张中除登录类外均带 481 高页脚)
|
||||
.layout {
|
||||
.layout__main {
|
||||
min-height: calc(100vh - @header-height - @footer-height);
|
||||
.flex(column, flex-start, stretch);
|
||||
|
||||
// 无底栏的页面:底栏不渲染,这里把它的占位高度还给内容区,避免页面底部空出一屏
|
||||
&--full {
|
||||
min-height: calc(100vh - @header-height);
|
||||
}
|
||||
&__main {
|
||||
flex: 1;
|
||||
min-height: calc(100vh - @header-height - @footer-height);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user