yangjun
/
hldy_yunwei_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

摄像头样式和左侧样式

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/SimpleMenu/src/SimpleMenu.vue
View File

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

21
src/views/iot/tplink/camera/components/CameraPreviewForm.vue
View File

@ -3,6 +3,7 @@
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<div id="video-container-preview" style="min-height: 400px;"></div> <div id="video-container-preview" style="min-height: 400px;"></div>
<div id="videopreview" style="height:0px;"></div>
</a-col> </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;margin-left:40px;" v-show="formData.ptz == '1'"> -->
<a-col :span="24" style="margin-top: -120px;" > <a-col :span="24" style="margin-top: -120px;" >
@ -209,16 +210,16 @@
}); // 销毁 }); // 销毁
player.value = null; player.value = null;
} }
// const TumsPlayer = window['tums-player'].default; const TumsPlayer = window['tums-player'].default;
// player.value = new TumsPlayer('video-container-preview', { player.value = new TumsPlayer('videopreview', {
// type: "rtsp", // 协议类型，rtsp type: "rtsp", // 协议类型，rtsp
// url: formData.url, // 取流地址, getPreviewUrl接口获取 url: formData.url, // 取流地址, getPreviewUrl接口获取
// // url: formData.backupUrl, // 取流地址, getPreviewUrl接口获取 // url: formData.backupUrl, // 取流地址, getPreviewUrl接口获取
// socket: formData.wssUrl, // websocket地址, getPreviewUrl接口获取 socket: formData.wssUrl, // websocket地址, getPreviewUrl接口获取
// pluginPath: '/static', // 当sdk资源不在根路径下时，需配置pluginPath pluginPath: '/static', // 当sdk资源不在根路径下时，需配置pluginPath
// talkEnable: true, talkEnable: true,
// useMultitrans: true, useMultitrans: true,
// }); });
let isPlaying = player.value.isPlaying(); let isPlaying = player.value.isPlaying();
if (!isPlaying) { if (!isPlaying) {