diff --git a/src/assets/images/hzImg/titileImg.png b/src/assets/images/hzImg/titileImg.png new file mode 100644 index 0000000..789610f Binary files /dev/null and b/src/assets/images/hzImg/titileImg.png differ diff --git a/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.scss b/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.scss index 2024846..86bd346 100644 --- a/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.scss +++ b/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.scss @@ -5,17 +5,34 @@ } .video-box { height: 100%; + min-height: 903px; width: 100%; display: flex; flex-direction: column; background: url("@/assets/images/hzImg/borderImg.png") no-repeat; background-size: 100% 100%; + position: relative; // background-color: #f6f6f6; // padding: 0 20px; // overflow: hidden; + .titleBg { + width: 482px; + height: 35px; + position: absolute; + background: url("@/assets/images/hzImg/titileImg.png") no-repeat; + background-size: 100% 100%; + text-align: center; + line-height: 35px; + color: white; + top: 1px; + left: 0px; + right: 0px; + margin: 0 auto; + z-index: 1; + } .plr-20 { - padding: 50px 0; height: 100%; + padding: 50px 20px 30px 20px; } .middle-video { // margin: 0 20px; @@ -45,7 +62,7 @@ border-radius: 8px; flex: 1; // height: 80vh; - height: calc(100% - 76px); + height: calc(100% - 75px); // margin: auto; // background-color: rgba(255, 192, 203, 0.4); } diff --git a/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.vue b/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.vue index 9bded7d..50d00c6 100644 --- a/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.vue +++ b/src/views/goverment/huizhou/siteSupervision/videoMonitoring/index.vue @@ -1,5 +1,6 @@