31d4ed76f0
1) 新增 useBreakpoints 统一断点管理；2) 管理/教师/园校/家长端布局支持移动端抽屉菜单与顶部导航；3) 全局 html/body/#app overflow 与 safe-area 处理，避免横向滚动和刘海遮挡；4) 各端内容区仅内部滚动，提升大屏与小屏的浏览体验 Made-with: Cursor
38 lines
879 B
Vue
38 lines
879 B
Vue
<template>
|
|
<a-config-provider :locale="zhCN">
|
|
<router-view />
|
|
</a-config-provider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ConfigProvider } from 'ant-design-vue';
|
|
import zhCN from 'ant-design-vue/es/locale/zh_CN';
|
|
|
|
const AConfigProvider = ConfigProvider;
|
|
</script>
|
|
|
|
<style>
|
|
html {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
/* 安全区域：刘海屏/横屏时留出边距 */
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
}
|
|
|
|
#app {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
|
|
Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
'Noto Color Emoji', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
min-height: 100vh;
|
|
overflow-x: hidden;
|
|
}
|
|
</style>
|