xiaomeng/wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
home孙 2025-06-30 18:22:48 +08:00
parent ae9b9127b4
commit 33f344a0c8
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/page/largeScreen2.vue
View File

@ -11,7 +11,7 @@
<span>{{ time.time }}</span> <span>{{ time.time }}</span>
</div> </div>
<largeNav :active="1"></largeNav> <largeNav :active="1"></largeNav>
<div class="content"> <div class="content scroll">
<div <div
class="video monitor" class="video monitor"
v-for="(item, index) in videoList" v-for="(item, index) in videoList"
@ -25,7 +25,7 @@
></div> ></div>
</div> </div>
</div> </div>
<div class="pagination"> <!-- <div class="pagination">
<el-pagination <el-pagination
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
@ -35,7 +35,7 @@
:total="14" :total="14"
> >
</el-pagination> </el-pagination>
</div> </div> -->
</div> </div>
</div> </div>
</template> </template>
@ -77,10 +77,11 @@ export default {
{ cameraid: "FT5712546", channelid: 10, player: null }, { cameraid: "FT5712546", channelid: 10, player: null },
{ cameraid: "FT5712546", channelid: 11, player: null }, { cameraid: "FT5712546", channelid: 11, player: null },
{ cameraid: "FT5712546", channelid: 12, player: null }, { cameraid: "FT5712546", channelid: 12, player: null },
{ cameraid: "FT5712546", channelid: 13, player: null },
{ cameraid: "FT5712546", channelid: 14, player: null },
]; ];
this.list2 = [ this.list2 = [
{ cameraid: "FT5712546", channelid: 13, player: null },
{ cameraid: "FT5712546", channelid: 14, player: null },
]; ];
setTimeout(() => { setTimeout(() => {
this.dataInit(); this.dataInit();
@ -307,13 +308,13 @@ export default {
.content { .content {
width: 100%; width: 100%;
padding: 0 1rem; padding: 0 1rem;
height: calc(100% - 2.7rem); height: calc(100% - 2.5rem);
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-row-gap: 0.2rem; //纵向间隔 grid-row-gap: 0.2rem; //纵向间隔
grid-column-gap: 0.2rem; //横向间隔 grid-column-gap: 0.2rem; //横向间隔
.video { .video {
height: calc((100vh - 3.1rem) / 3); height: calc((100vh - 3.3rem) / 3);
.video-js { .video-js {
width: 100%; width: 100%;
height: 100%; height: 100%;