51 lines
1016 B
Vue
51 lines
1016 B
Vue
<template>
|
|
<div class="details">
|
|
<!-- <com-header :isCollapsed="sideClose"></com-header>-->
|
|
<div class="main">
|
|
<div class="details-container" :class="{ 'side-close': sideClose }">
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Details',
|
|
data () {
|
|
return {
|
|
sideClose: false // 边栏收展状态
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.details{
|
|
height:100%;
|
|
.side-close{
|
|
&.side-bar{
|
|
left: -200px !important;
|
|
}
|
|
&.sub-container{
|
|
width: calc(~'100% - 15px') !important;
|
|
}
|
|
.side-bar-collapse{
|
|
background:#5596CC !important;
|
|
color: #FFF;
|
|
}
|
|
}
|
|
.main{
|
|
height: calc(~'100% - 50px');
|
|
.details-container{
|
|
height: 100%;
|
|
overflow-x: hidden!important;
|
|
overflow-y: auto!important;
|
|
background: #ffffff; // 二级页面内容区域背景色
|
|
transition: width .1s linear;
|
|
}
|
|
}
|
|
}
|
|
|
|
</style>
|