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'; height = '930';
} }
width = 500; width = 500;
height = 300; height = 250;
// <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> // <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
WebVideoCtrl.I_InitPlugin(width,height, { 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> 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> <template>
<div id="video"> <div id="video">
<div class="contant"> <div class="contant">
<table style="height: 600px;width: 100%;"> <table style="height: 500px;width: 100%;">
<tr style="height: 100%;width: 100%;"> <tr style="height: 100%;width: 100%;">
<td style="width: 100%;"> <td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" > <div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div> <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('14')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe> <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
</div> </div>
</td> </td>
<td style="width: 100%;"> <td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;"> <div style="width: 80%; height: 100%; object-fit: cover;">
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div> <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('16')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe> <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
</div> </div>
</td> </td>
</tr> </tr>
<tr style="height: 100%;width: 100%;"> <tr style="height: 100%;width: 100%;">
<td style="width: 100%;"> <td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" > <div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('17')"></div> <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('17')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe> <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
</div> </div>
</td> </td>
<td style="width: 100%;"> <td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" > <div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('32')"></div> <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('32')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe> <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
</div> </div>
</td> </td>
</tr> </tr>

16
src/views/view.vue
View File

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