中建四局(CIM+):完成布局

This commit is contained in:
Jack 2022-08-24 17:29:50 +08:00
parent 620defed64
commit f755388888
5 changed files with 106 additions and 3 deletions

View File

@ -1,9 +1,56 @@
<template>
<div class="cim">cim</div>
<div class="cim">
<div class="between">
<div class="top">
<LeftTop />
</div>
<div class="bottom">
<LeftBottom />
</div>
</div>
<div class="center"></div>
<div class="between">
<div class="top">
<RightTop />
</div>
<div class="bottom">
<RightBottom />
</div>
</div>
</div>
</template>
<script>
export default {}
import LeftTop from './leftTop.vue'
import LeftBottom from './leftBottom.vue'
import RightTop from './rightTop.vue'
import RightBottom from './rightBottom.vue'
export default {
components: { LeftTop, LeftBottom, RightTop, RightBottom }
}
</script>
<style></style>
<style lang="less" scoped>
.cim {
width: 100%;
height: 100%;
color: #fff;
display: flex;
justify-content: space-between;
.between {
width: 20%;
height: 100%;
.top {
height: 50%;
}
.bottom {
height: 50%;
}
}
.center {
width: calc(60% - 40px);
height: 100%;
background: skyblue;
}
}
</style>

View File

@ -0,0 +1,14 @@
<template>
<Card title="倾斜摄影">
倾斜摄影
</Card>
</template>
<script>
import Card from '../components/Card.vue'
export default {
components: { Card }
}
</script>
<style></style>

View File

@ -0,0 +1,14 @@
<template>
<Card title="BIM协同">
BIM协同
</Card>
</template>
<script>
import Card from '../components/Card.vue'
export default {
components: { Card }
}
</script>
<style></style>

View File

@ -0,0 +1,14 @@
<template>
<Card title="模型外审">
模型外审
</Card>
</template>
<script>
import Card from '../components/Card.vue'
export default {
components: { Card }
}
</script>
<style></style>

View File

@ -0,0 +1,14 @@
<template>
<Card title="模型内审">
模型内审
</Card>
</template>
<script>
import Card from '../components/Card.vue'
export default {
components: { Card }
}
</script>
<style></style>