摄像头样式和左侧样式

This commit is contained in:
wangweidong 2025-10-28 15:24:16 +08:00
parent 0ad4b7924e
commit f0bac92bbe
2 changed files with 26 additions and 22 deletions

View File

@ -192,10 +192,19 @@
</script>
<style lang="less">
@import './index.less';
.jeecg-menu-vertical .jeecg-menu-item:hover, .jeecg-menu-vertical .jeecg-menu-submenu-title:hover {
color: #000 !important;
border-radius: 8px;
// background: #c9cacc;
// margin: 10px 20px 0 20px;
// transform: scale(1.02);
}
.jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active:not(.jeecg-menu-submenu)::after {
background-color: #FBFBFD !important;
}
.jeecg-menu-item-active:not(.jeecg-menu-submenu) {
color: white !important;
background-color: #1890ff !important;
background-color: #FBFBFD !important;
color: #1890ff !important;
border-radius: 8px;
// margin: 0px 20px 0 20px;
}
@ -203,7 +212,7 @@
padding: 0 10px;
}
.jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active.jeecg-menu-submenu {
color: #606266 !important;
color: #828284 !important;
border-radius: 6px;
padding-bottom: 10px;;
@ -218,15 +227,9 @@
padding: 8px;
}
.jeecg-menu-vertical .jeecg-menu-item:hover, .jeecg-menu-vertical .jeecg-menu-submenu-title:hover {
color: #fff !important;
border-radius: 8px;
background: #c9cacc;
// margin: 10px 20px 0 20px;
transform: scale(1.02);
}
.jeecg-menu-item-active>.jeecg-menu-submenu-title{
background: #f0f0f0;
background: #f7f8fa;
border-radius: 6px;
}
.ant-drawer-close {

View File

@ -3,6 +3,7 @@
<a-row>
<a-col :span="24">
<div id="video-container-preview" style="min-height: 400px;"></div>
<div id="videopreview" style="height:0px;"></div>
</a-col>
<!-- <a-col :span="24" style="margin-top: -120px;margin-left:40px;" v-show="formData.ptz == '1'"> -->
<a-col :span="24" style="margin-top: -120px;" >
@ -209,16 +210,16 @@
}); //
player.value = null;
}
// const TumsPlayer = window['tums-player'].default;
// player.value = new TumsPlayer('video-container-preview', {
// type: "rtsp", // rtsp
// url: formData.url, // , getPreviewUrl
// // url: formData.backupUrl, // , getPreviewUrl
// socket: formData.wssUrl, // websocket, getPreviewUrl
// pluginPath: '/static', // sdkpluginPath
// talkEnable: true,
// useMultitrans: true,
// });
const TumsPlayer = window['tums-player'].default;
player.value = new TumsPlayer('videopreview', {
type: "rtsp", // rtsp
url: formData.url, // , getPreviewUrl
// url: formData.backupUrl, // , getPreviewUrl
socket: formData.wssUrl, // websocket, getPreviewUrl
pluginPath: '/static', // sdkpluginPath
talkEnable: true,
useMultitrans: true,
});
let isPlaying = player.value.isPlaying();
if (!isPlaying) {