湖里大屏(CIM+):更改 BIM+ 布局

This commit is contained in:
Jack 2022-08-04 15:21:55 +08:00
parent cb5b60a110
commit 05a6ac3b81
2 changed files with 9 additions and 61 deletions

View File

@ -1,42 +0,0 @@
<template>
<!-- BIM+ -->
<div class="container">
<div class="titleTxt">{{ title }}</div>
</div>
</template>
<script>
export default {
props: {
title: {
type: String,
default: "default title"
}
},
data() {
return {
};
},
}
</script>
<style lang="less" scoped>
.container {
width: 100%;
height: 100%;
border: 1px solid #0081c3;
.titleTxt {
font-size: 18px;
color: #6ee4f0;
margin-top: 5px;
margin-left: 5px;
}
}
</style>

View File

@ -10,9 +10,7 @@
</div>
</div>
<div class="centerBox">
<div class="centerTop">
<centerTop title="BIM+" />
</div>
BIM+
</div>
<div class="rightBox">
<div class="rightTop">
@ -28,14 +26,12 @@
<script>
import leftTop from './leftTop'
import leftCenter from './leftCenter'
import centerTop from './centerTop'
import rightTop from './rightTop'
import rightCenter from './rightCenter'
export default {
components: {
leftTop,
leftCenter,
centerTop,
rightTop,
rightCenter
}
@ -71,31 +67,25 @@ export default {
}
}
.centerBox {
width: 60%;
height: 100%;
margin-right: 15px;
.centerTop {
height: 66%;
margin-bottom: 15px;
}
.centerBottom {
height: 30%;
}
padding-left: 6px;
width: 60%;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #6ee4f0;
}
.rightBox {
width: 25%;
height: 100%;
.rightTop {
height: 35%;
height: 33%;
margin-bottom: 15px;
}
.rightCenter {
height: 30%;
height: 33%;
margin-bottom: 15px;
}
.rightBottom {
height: 30%;
}
}
</style>