feat(web): 初始化主页面和监控页面

- 新增 MainView 组件,包含 header、menu 和 page 区域
- 新增 monitor 子页面组件
- 更新路由配置,添加主页面和监控页面路由
- 新增全局样式文件,统一颜色和样式
- 优化 App.vue 样式,移除最小宽高限制
This commit is contained in:
zhoumengru
2025-08-29 15:48:33 +08:00
parent 7aad6b6598
commit 4af4e670d2
10 changed files with 146 additions and 16 deletions

View File

@@ -0,0 +1,27 @@
<template>
<div class="monitor">
<div class="search">
<div class="left">
<div class="search-item">
<span>场站切换</span>
<a-cascader v-model:value="value" :options="options" placeholder="Please select" />
</div>
</div>
<div class="right"></div>
</div>
</div>
</template>
<script setup>
</script>
<style scoped lang="scss">
.monitor{
padding: 10px;
.search{
display: flex;
justify-content: space-between;
}
}
</style>