From 5b7b773476e2805389bcf0be667b5d7724b44098 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 02 Sep 2022 15:46:26 +0800
Subject: [PATCH] 监控视频样式修改
---
src/styles/publicBox/equirment-vid-details.css | 18 ++++++++++++++++--
src/views/equipment/index.vue | 6 ++++++
src/styles/publicBox/equirment-vid-details.scss | 13 +++++++++++--
src/styles/publicBox/equirment-vid-details.min.css | 2 +-
4 files changed, 34 insertions(+), 5 deletions(-)
diff --git a/src/styles/publicBox/equirment-vid-details.css b/src/styles/publicBox/equirment-vid-details.css
index 5468b0d..c323c3c 100644
--- a/src/styles/publicBox/equirment-vid-details.css
+++ b/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;
}
diff --git a/src/styles/publicBox/equirment-vid-details.min.css b/src/styles/publicBox/equirment-vid-details.min.css
index 82a1356..8d5326b 100644
--- a/src/styles/publicBox/equirment-vid-details.min.css
+++ b/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}
diff --git a/src/styles/publicBox/equirment-vid-details.scss b/src/styles/publicBox/equirment-vid-details.scss
index a8e7126..251ab58 100644
--- a/src/styles/publicBox/equirment-vid-details.scss
+++ b/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;
+ }
}
}
diff --git a/src/views/equipment/index.vue b/src/views/equipment/index.vue
index c59dbb0..8d76960 100644
--- a/src/views/equipment/index.vue
+++ b/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;
+ }
}
}
--
Gitblit v1.9.3