视频墙太扁问题修改(增加下拉框,取消高度按个数压缩)

merge-requests/7/head
wanghaotian 3 years ago
parent 0097a8f8c0
commit dab571a8a3

@ -1,10 +1,10 @@
<template> <template>
<div id="videos"> <div id="videos" style="overflow-y:scroll">
<a-button type="primary" @click="full" v-if="!isFullscreen"> <a-icon type="right" /> </a-button> <a-button type="primary" @click="full" v-if="!isFullscreen"> <a-icon type="right" /> </a-button>
<a-button type="primary" @click="full" v-if="isFullscreen"><a-icon type="left" /> 退出全屏 </a-button> <a-button type="primary" @click="full" v-if="isFullscreen"><a-icon type="left" /> 退出全屏 </a-button>
<a-row v-for='rowIndex in row' :key='rowIndex'> <a-row v-for='rowIndex in row' :key='rowIndex'>
<a-col v-for='colIndex in column' :key='colIndex' :span="24/column" :style="{height: videoHeight}" > <a-col v-for='colIndex in column' :key='colIndex' :span="24/column" >
<video class="camera" :id="rowIndex+'-'+colIndex" autoplay muted :style="{'height': '100%',width:'100%','object-fit':'fill'}" ></video> <video class="camera" :id="rowIndex+'-'+colIndex" autoplay muted :style="{'height': '100%',width:'100%','object-fit':'fill'}" ></video>
</a-col> </a-col>
</a-row> </a-row>
@ -101,7 +101,7 @@ export default {
this.$api.httpApi.getAllCameras({ this.$api.httpApi.getAllCameras({
params: { params: {
//todo index0 1 //todo index0 1
index: 1 index: 0
} }
}).then(res => { }).then(res => {
if(res.code == 200) { if(res.code == 200) {

Loading…
Cancel
Save