<template>
|
<el-container class="box">
|
<top-main></top-main>
|
|
<globe class="staticPage" style="width: 100%;height:100%;z-index: 5;"></globe>
|
|
<UEView class="staticPage" style="width: 100%;height:100%;" :style="{'z-index': (this.$route.path.indexOf('/UEView') > -1) ? 6 :4}" ></UEView>
|
|
<div v-show="this.$route.path != '/xianCim' && this.$route.path != '/xianCim/cityCenter' && this.$route.path.indexOf('/UEView') == -1" class="staticPage" style="background-color: rgb(30, 44, 69);z-index: 7;">
|
<keep-alive include="UEView">
|
<router-view></router-view>
|
</keep-alive>
|
</div>
|
|
<bottom-main></bottom-main>
|
</el-container>
|
</template>
|
<script>
|
import bottomMain from "./bottomMain.vue"
|
import topMain from "./topMain.vue"
|
import globe from "./globe.vue"
|
import UEView from "@/views/xianCim/UEView";
|
|
export default {
|
name: "xianCim",
|
components: {
|
bottomMain,
|
topMain,
|
globe,
|
UEView
|
}
|
};
|
</script>
|
<style lang="less" scoped>
|
.box {
|
height: 100%;
|
background-color: rgb(0, 19, 32);
|
|
.el-container {
|
height: 100%;
|
padding: 5px;
|
padding-bottom: 0px;
|
padding-top: 15px;
|
}
|
}
|
|
.staticPage {
|
position: absolute;
|
top: 0px;
|
width: 100%;
|
height: 100%;
|
}
|
</style>
|
