skjia
/
bonus-ui-notice-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

jsk 样式修改

This commit is contained in:
jiask 2025-08-22 17:18:16 +08:00
parent a4d791b912
commit b9fcc6febe
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/monitor/iframe.html
View File

@ -44,7 +44,7 @@ $(function () {
height = '930';
}
width = 500;
height = 300;
height = 250;
// <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
WebVideoCtrl.I_InitPlugin(width,height, {
bWndFull: true,//<2F>Ƿ<EFBFBD>֧<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD>˫<EFBFBD><CBAB>ȫ<EFBFBD><C8AB><EFBFBD><EFBFBD>Ĭ<EFBFBD><C4AC>֧<EFBFBD><D6A7> true:֧<><D6A7> false:<3A><>֧<EFBFBD><D6A7>

18
src/views/videoMonitoring.vue
View File

@ -1,32 +1,32 @@
<template>
<div id="video">
<div class="contant">
<table style="height: 600px;width: 100%;">
<table style="height: 500px;width: 100%;">
<tr style="height: 100%;width: 100%;">
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
<div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('14')"></div>
<iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
</div>
</td>
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;">
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
<div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('16')"></div>
<iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
</div>
</td>
</tr>
<tr style="height: 100%;width: 100%;">
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('17')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
<div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('17')"></div>
<iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
</div>
</td>
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('32')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
<div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('32')"></div>
<iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
</div>
</td>
</tr>

16
src/views/view.vue
View File

@ -103,10 +103,10 @@
</div>
</div>
</div>
<div style="height: 40%;width: 70%;margin-top: 8%;">
<div style="height: 30%;width: 92%;margin-top: 5%;">
<div class="partthree_title"><span>重点区域监控</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<div style="height: 100%;width: 100%;margin-top: 1%;">
<div style="height: 95%;width: 100%;margin-top: 1%;">
<videoMonitoring></videoMonitoring>
<!-- <table style="height: 50%;width: 100%;">
<tr style="height: 50%;width: 50%;">
@ -184,6 +184,8 @@ export default {
created() {
},
mounted() {
// alert("screen.width"+screen.width);
// alert("screen.height"+screen.height);
this.getCurrentTime(); // 组件挂载后获取时间
this.initData();// 你的业务逻辑
setTimeout(()=>{
@ -589,17 +591,17 @@ export default {
background-image: url("../assets/images/background.jpg");
background-size: cover; /* 覆盖整个div */
background-position: center; /* 图片居中 */
overflow-y: auto; /* 仅垂直滚动 */
// overflow-y: auto; /* 仅垂直滚动 */
display: flex;
width: 100%;
justify-content: center; /* 水平居中 */
flex-wrap: wrap;
}
.container2 {
height: 100%;
height: 95%;
width: 100%;
display: flex;
flex-direction: row;
// flex-direction: row;
justify-content: center; /* 水平居中 */
align-items: center;
flex-wrap: wrap;
@ -610,7 +612,7 @@ export default {
background-image: url("../assets/images/canteen1.png");
background-size: cover; /* 覆盖整个div */
background-position: center; /* 图片居中 */
height: 15%;
height: 5%;
}
.titlediv{
display: flex;
@ -699,7 +701,7 @@ export default {
}
.partthree{
margin-top: 1%;
height: 30%;
height: 8%;
width: 90%;
display: flex;