中建四局(视频监控):完成布局
This commit is contained in:
parent
65e80dffd3
commit
a420bbcda0
@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="monitor">monitor</div>
|
<div class="monitor">
|
||||||
|
<div class="video" v-for="i in 12" :key="i"></div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -10,7 +12,15 @@ export default {}
|
|||||||
.monitor {
|
.monitor {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url(../assets/temp/8.png) no-repeat;
|
// background: url(../assets/temp/8.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
.video {
|
||||||
|
width: 24.5%;
|
||||||
|
height: 32%;
|
||||||
|
border: 1px solid skyblue;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user