| | |
| | | <template> |
| | | <div class="home"> |
| | | <el-container> |
| | | <el-header> |
| | | <nav-menu></nav-menu> |
| | | </el-header> |
| | | <el-main> |
| | | <router-view /> |
| | | </el-main> |
| | | <el-container> |
| | | <el-aside> |
| | | <nav-menu></nav-menu> |
| | | </el-aside> |
| | | <el-main> |
| | | <!-- <synthesis class="showsynthesis" v-show="shwomMapview"></synthesis> --> |
| | | <router-view /> |
| | | </el-main> |
| | | </el-container> |
| | | </el-container> |
| | | <!-- <iframe src="http://localhost/LFWeb/test.html" width="100%" height="100%"></iframe> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | name: "Home", |
| | | components: { |
| | | navMenu, |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | | shwomMapview: true, |
| | | }; |
| | | }, |
| | | methods: {}, |
| | | methods: { |
| | | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less"> |
| | | .home { |
| | | height: 100vh; |
| | | position: relative; |
| | | background-color: #3b4d6e; |
| | | .el-aside { |
| | | margin: 26px 0 0 27px; |
| | | width: 249px; |
| | | // background-color: #bfa; |
| | | } |
| | | .el-container { |
| | | height: 100%; |
| | | .el-header { |
| | | padding: 0; |
| | | height: 160px !important; |
| | | } |
| | | .el-main { |
| | | margin: 0px; |
| | | padding: 10px; |
| | | background-color: rgb(53, 53, 57); |
| | | } |
| | | } |
| | | .el-main { |
| | | margin: 0px; |
| | | padding: 10px; |
| | | background: rgb(61, 76, 112); |
| | | } |
| | | } |
| | | </style> |