中建四局(视频监控):完成布局

This commit is contained in:
Jack 2022-08-25 10:36:23 +08:00
parent 65e80dffd3
commit a420bbcda0

View File

@ -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>