摄像头样式和左侧样式
This commit is contained in:
parent
0ad4b7924e
commit
f0bac92bbe
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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', // 当sdk资源不在根路径下时,需配置pluginPath
|
||||
// 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', // 当sdk资源不在根路径下时,需配置pluginPath
|
||||
talkEnable: true,
|
||||
useMultitrans: true,
|
||||
});
|
||||
|
||||
let isPlaying = player.value.isPlaying();
|
||||
if (!isPlaying) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue