40 lines
768 B
Vue
40 lines
768 B
Vue
<template>
|
||
<!-- 应用根组件：使用 router-view 作为布局容器 -->
|
||
<div id="app-container">
|
||
<router-view />
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
// App.vue - 根组件
|
||
// 所有页面组件通过 <router-view> 在此处渲染
|
||
// 具体的布局（导航栏、侧边栏等）由各页面自行决定
|
||
</script>
|
||
|
||
<style>
|
||
/* 全局基础样式 */
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
html, body {
|
||
width: 100%;
|
||
height: 100%;
|
||
font-family:
|
||
'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei',
|
||
'微软雅黑', Arial, sans-serif;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
color: #2c3e50;
|
||
}
|
||
|
||
#app-container {
|
||
width: 100%;
|
||
min-height: 100vh;
|
||
}
|
||
</style>
|