51 lines
830 B
Vue
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>
|