From eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 20 Jan 2022 17:30:34 +0800
Subject: [PATCH] +
---
src/styles/divforms/panoramaBox.scss | 88 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 87 insertions(+), 1 deletions(-)
diff --git a/src/styles/divforms/panoramaBox.scss b/src/styles/divforms/panoramaBox.scss
index 530f5bf..ca23a0e 100644
--- a/src/styles/divforms/panoramaBox.scss
+++ b/src/styles/divforms/panoramaBox.scss
@@ -17,6 +17,7 @@
.title {
position: relative;
+ height: 36px;
line-height: 36px;
color: #fff;
text-align: center;
@@ -30,13 +31,98 @@
margin: auto;
width: 18px;
height: 18px;
+ cursor: pointer;
+ }
+ }
+
+ .content {
+ position: relative;
+ min-width: 460px;
+ min-height: 320px;
+
+ button {
+ padding: 2px;
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ width: 32px;
+ height: 32px;
+ background: rgba(0, 0, 0, .2) !important;
+ z-index: 1;
+ border: 0;
+ border-radius: 5px;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
}
}
}
- iframe {
+
+ }
+
+ .arrow {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 45px;
+ height: 2px;
+ transform: rotate(-45deg) translate(5px, -15px);
+ background-color: #28bbf0;
+ }
+}
+
+.monitor-dom {
+ position: fixed;
+ left: 0;
+ z-index: 1 !important;
+
+ .monitor-wrap {
+ position: relative;
+ overflow: hidden;
+ padding: 30px;
+
+ .content-wrap {
+ padding: 0 20px 20px 20px;
+
+ background-image: linear-gradient(180deg, transparent 0px, #28bbf06c 0px, #28bbf06c 50%, transparent 50%), linear-gradient(0deg, transparent 0px, #28bbf06c 0px, #28bbf06c 50.1%, transparent 50%);
+ border: 1px solid #29baf1;
+ box-shadow: 0 0px 12px #29b8f1e5;
+
+ .title {
+ position: relative;
+ height: 36px;
+ line-height: 36px;
+ color: #fff;
+ text-align: center;
+
+ .close-box {
+ position: absolute;
+ top: 0;
+ right: 8px;
+ bottom: 0;
+ left: auto;
+ margin: auto;
+ width: 18px;
+ height: 18px;
+ cursor: pointer;
+ }
+ }
+ }
+
+ video {
width: 460px;
height: 320px;
+ object-fit: fill;
}
}
--
Gitblit v1.9.3