监控视频样式修改

guanqb

2022-09-02 5b7b773476e2805389bcf0be667b5d7724b44098

监控视频样式修改

 src/styles/publicBox/equirment-vid-details.css

@@ -40,7 +40,21 @@
  cursor: pointer;
}

.public-equirment-vid-details .content {
  padding: 0 10px;
}

.public-equirment-vid-details .content .video {
  height: 310px;
  margin: 0 40px;
  box-sizing: border-box;
  height: 330px;
  width: 100%;
}

.public-equirment-vid-details .content .video video::-webkit-media-controls-timeline {
  display: none;
}

.public-equirment-vid-details .content .video video {
  object-fit: fill;
  border-radius: 5px;
}

 src/styles/publicBox/equirment-vid-details.min.css

@@ -1 +1 @@
.public-equirment-vid-details{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:648px;height:401px;background-color:transparent;z-index:99;font-size:16px;box-shadow:inset 0px 3px 20px 1px #5BC3D1;opacity:1;border:1px solid #69E2ED;background:rgba(20,66,104,0.8);border-radius:10px;margin:0;padding:0}.public-equirment-vid-details .header{position:relative;width:270px;height:24px;font-size:18px;font-family:Microsoft YaHei-Bold, Microsoft YaHei;font-weight:bold;color:#58BFCD;line-height:20px;margin:20px auto}.public-equirment-vid-details .header div{text-align:center}.public-equirment-vid-details .header .close{position:absolute;top:-20px;right:-260px;cursor:pointer}.public-equirment-vid-details .content .video{height:310px;margin:0 40px}
.public-equirment-vid-details{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:648px;height:401px;background-color:transparent;z-index:99;font-size:16px;box-shadow:inset 0px 3px 20px 1px #5BC3D1;opacity:1;border:1px solid #69E2ED;background:rgba(20,66,104,0.8);border-radius:10px;margin:0;padding:0}.public-equirment-vid-details .header{position:relative;width:270px;height:24px;font-size:18px;font-family:Microsoft YaHei-Bold, Microsoft YaHei;font-weight:bold;color:#58BFCD;line-height:20px;margin:20px auto}.public-equirment-vid-details .header div{text-align:center}.public-equirment-vid-details .header .close{position:absolute;top:-20px;right:-260px;cursor:pointer}.public-equirment-vid-details .content{padding:0 10px}.public-equirment-vid-details .content .video{box-sizing:border-box;height:330px;width:100%}.public-equirment-vid-details .content .video video::-webkit-media-controls-timeline{display:none}.public-equirment-vid-details .content .video video{object-fit:fill;border-radius:5px}

 src/styles/publicBox/equirment-vid-details.scss

@@ -39,9 +39,18 @@
    
        }
        .content {
            padding: 0 10px;
           .video {
            height: 310px;
            margin: 0 40px;
            box-sizing: border-box;
            height: 330px;
            width: 100%;
            video::-webkit-media-controls-timeline {
                display: none;
            }
            video {
                object-fit: fill;
                border-radius: 5px;
            }
           }
        }
       

 src/views/equipment/index.vue

@@ -1148,6 +1148,12 @@
                        .nape-body {
                            height: calc(100% - 42px);
                            background: skyblue;
                            video {
                                object-fit: fill;
                            }
                            video::-webkit-media-controls-timeline {
                                display: none;
                            }
                        }
                    }