<template> <div class="container"> <MaintenanceMap></MaintenanceMap> <MaintenanceLeft></MaintenanceLeft> <MaintenanceBottom></MaintenanceBottom> <TuLi></TuLi> </div> </template> <script> import MaintenanceLeft from "./components/maintenanceLeft.vue"; import MaintenanceBottom from "./components/maintenanceBot.vue"; import MaintenanceMap from "./components/maintenanceMap.vue"; import TuLi from "./components/maintenanceTop.vue"; export default { name: "maintenance", components: { MaintenanceLeft, MaintenanceBottom, MaintenanceMap, TuLi }, }; </script> <style lang="less" scoped> .container { position: relative; width: 100%; height: 100%; } </style>