2023-07-13 15:37:02 +08:00

51 lines
830 B
Vue

<template>
<div class="vehicleBox">
<div class="top">
<div class="left">
<TopLeft></TopLeft>
</div>
<div class="right">
<TopRight></TopRight>
</div>
</div>
<div class="bottom">
<Bottom></Bottom>
</div>
</div>
</template>
<script>
import TopLeft from "@/views/sevenLargeScreen/vehicleManagement/topLeft.vue";
import TopRight from "@/views/sevenLargeScreen/vehicleManagement/topRight.vue";
import Bottom from "@/views/sevenLargeScreen/vehicleManagement/bottom.vue";
export default {
components: {
TopLeft,
TopRight,
Bottom
}
};
</script>
<style lang="scss" scoped>
.vehicleBox {
width: 100%;
height: 100%;
.top {
height: 50%;
display: flex;
.left {
width: 49%;
margin-right: 1%;
}
.right {
width: 50%;
}
}
.bottom {
height: 51%;
margin-top: 1%;
}
}
</style>