feat:新增左右两侧和顶部功能组件

This commit is contained in:
zjc
2024-12-27 16:17:07 +08:00
parent 88eb805c46
commit f906515858
9 changed files with 202 additions and 149 deletions

View File

@@ -1,58 +1,11 @@
<template>
<main class="wrapper">
<CoreVideo />
<box2 />
<box3 />
<Header title="监控大屏" is-skip :nav-left="navLeft" :nav-right="navRight" />
<Correspondence />
</main>
<box2 />
<box3 />
</template>
<script setup>
import box3 from './components/box-3.vue'
import box2 from './components/box-2.vue'
const navLeft = [{
name: '奉节县',
path: '/sceneTesting'
},
{
name: '三峡之巅',
path: '/sceneTesting'
},
{
name: '白帝城',
path: '/sceneTesting'
}, {
name: '龙河桥',
path: '/sceneTesting'
}
]
const navRight = [{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
},
{
name: '路段',
path: '/roadTesting'
}
]
onMounted(() => {})
</script>
import box3 from './components/box-3.vue'
import box2 from './components/box-2.vue'
<style lang="scss" scoped>
.wrapper {
display: flex;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: #0a254b;
}
</style>
onMounted(() => {})
</script>