feat ui设计稿bug修复

This commit is contained in:
Ironsp
2026-10-01 10:53:13 +08:00
parent 9ab6253c81
commit 1601bdd82c
89 changed files with 4741 additions and 3652 deletions

View File

@@ -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>