济菏高速业务端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
1.8 KiB

1 year ago
<template>
<Adaptation class="pageBox">
<HeaderMenu @onChange="handleChange" class="header" />
<div class="content">
<Transition name="fade">
<router-view v-if="isShowContent" />
1 year ago
</Transition>
</div>
</Adaptation>
</template>
<script>
import HeaderMenu from "./components/HeaderMenu/index.vue";
import Adaptation from "./components/Adaptation.vue";
import getBoardBaseData from '@/common/getBoardBaseData'
1 year ago
export default {
name: "ji_ze_gao_su",
components: {
HeaderMenu,
Adaptation,
// ...modules
},
data() {
return {
isShowContent:false
1 year ago
};
},
1 year ago
mounted(){
getBoardBaseData().then(res => {
this.isShowContent = true;
});
// Promise.all()getBoardBaseData().then(()=>{
// this.isShowContent = true ;
// });
1 year ago
},
1 year ago
methods: {
handleChange(activeMenu) {
this.$route.path != activeMenu.path && this.$router.push(activeMenu.path);
}
}
};
</script>
<style lang="scss" scope src="./scss/reset.scss" />
<style lang="scss" scope src="./scss/el-reset.scss" />
<style scoped lang="scss">
1 year ago
.pageBox {
background: #13272F;
1 year ago
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
.fade-enter-active,
.fade-leave-active {
transition: opacity .24s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
.header {
height: 68px;
}
.content {
flex: 1;
height: 0;
display: flex;
flex-direction: row;
position: relative;
pointer-events: none;
::v-deep {
>div {
top: -6px;
z-index: -1;
pointer-events: auto;
1 year ago
height: calc(100% + 6px);
}
}
1 year ago
&>* {
flex: 1;
width: 100%;
position: absolute;
}
}
}
</style>