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