From 2840a97889f8769e49ae2175cafb121cfb2ae511 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sat, 06 Aug 2022 11:37:35 +0800
Subject: [PATCH] 监控视频弹窗
---
src/styles/index.css | 218 +++++++++++++++---------------------------------------
1 files changed, 61 insertions(+), 157 deletions(-)
diff --git a/src/styles/index.css b/src/styles/index.css
index 3aabe70..cd0a317 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -802,199 +802,103 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 1208px;
+ width: 648px;
+ height: 401px;
background-color: transparent;
z-index: 99;
font-size: 16px;
- box-shadow: inset 0px 0px 30px 1px rgba(33, 186, 196, 0.16);
+ 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-station-details .header {
position: relative;
- border-radius: 8px 8px 0 0;
- width: 100%;
- height: 58px;
- line-height: 58px;
- background: linear-gradient(96deg, #142B4B 0%, #0F1525 100%);
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-}
-
-.public-equirment-station-details .header .logo {
- position: aboslute;
- top: 0;
- left: 0;
- width: 8px;
- height: 100%;
- background: #69E2ED;
-}
-
-.public-equirment-station-details .header .title {
- position: absolute;
- top: 0;
- left: 25px;
+ width: 270px;
+ height: 24px;
font-size: 18px;
+ font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold;
- color: #66DDE9;
+ color: #58BFCD;
+ line-height: 20px;
+ margin: 20px auto;
}
.public-equirment-station-details .header .close {
position: absolute;
- right: 20px;
- top: 0;
- left: auto;
- bottom: 0;
- margin: auto;
- width: 28px;
- height: 28px;
+ top: -20px;
+ right: -260px;
cursor: pointer;
- opacity: 0.6;
}
.public-equirment-station-details .content {
- display: flex;
- flex-direction: column;
- clear: both;
- width: 100%;
- height: 600px;
- margin-top: 0px;
- text-align: center;
- overflow: hidden;
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- border-radius: 0 0 8px 8px;
+ overflow: scroll;
+ height: 330px;
}
-.public-equirment-station-details .content .action-bar {
- padding: 0 30px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 74px;
+.public-equirment-station-details .content .itemTitle {
+ box-sizing: border-box;
+ width: 607px;
+ height: 70px;
+ background: #0D1E34;
+ border-radius: 0px 0px 0px 0px;
+ opacity: 1;
+ margin-left: 17px;
+ margin-bottom: 10px;
+ padding: 15px 20px;
+ border: 1px solid transparent;
}
-.public-equirment-station-details .content .action-bar > .search .search-input input {
- color: #fff;
- background: rgba(33, 186, 196, 0.2);
- border-color: #21BAC4;
+.public-equirment-station-details .content .itemTitle img {
+ float: left;
}
-.public-equirment-station-details .content .action-bar .btn-grounp .search {
- color: #fff;
- background: #21BAC4;
- border-color: #21BAC4;
-}
-
-.public-equirment-station-details .content .action-bar .btn-grounp .reset {
- color: #fff;
- background: rgba(255, 255, 255, 0.2);
- border-color: rgba(255, 255, 255, 0.2);
-}
-
-.public-equirment-station-details .content .table-list {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-
-.public-equirment-station-details .content .table-list .t-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 56px;
- font-size: 18px;
- font-weight: bold;
- color: #fff;
- background: linear-gradient(90deg, rgba(49, 137, 153, 0.5) 0%, rgba(49, 161, 168, 0.5) 44%, rgba(49, 137, 153, 0.5) 100%);
-}
-
-.public-equirment-station-details .content .table-list .t-header .sym-style {
- text-align: left;
-}
-
-.public-equirment-station-details .content .table-list .t-body {
- flex: 1;
- overflow-y: auto;
-}
-
-.public-equirment-station-details .content .table-list .table-list {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- height: 94px;
- border-bottom: 1px solid #E8ECEF;
- color: #fff;
-}
-
-.public-equirment-station-details .content .table-list .table-list .sym-style {
- display: flex;
- justify-content: space-between;
-}
-
-.public-equirment-station-details .content .table-list .table-list .sym-style .l {
- display: flex;
- align-items: center;
-}
-
-.public-equirment-station-details .content .table-list .table-list .sym-style .l img {
- width: 94px;
- height: 56px;
-}
-
-.public-equirment-station-details .content .table-list .table-list .sym-style .r {
+.public-equirment-station-details .content .itemTitle .type {
+ float: left;
margin-left: 20px;
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: space-around;
}
-.public-equirment-station-details .content .table-list .table-list .sym-style .r .title {
- font-size: 18px;
- font-weight: bold;
+.public-equirment-station-details .content .itemTitle .type h1 {
+ font-size: 16px;
+ color: #58BFCD;
+ margin-bottom: 4px;
}
-.public-equirment-station-details .content .table-list .table-list .sym-style .r .unit {
- font-size: 14px;
+.public-equirment-station-details .content .itemTitle .type span {
+ font-size: 13px;
+ color: #FFFFFF;
+ opacity: 0.5;
}
-.public-equirment-station-details .content .table-list .table-list:last-child {
- border: none;
+.public-equirment-station-details .content .itemTitle .data {
+ float: left;
+ margin-left: 208px;
+ width: 80px;
+ height: 34px;
+ font-size: 34px;
+ font-family: DS-Digital-Italic, DS-Digital;
+ font-weight: normal;
+ color: #58BFCD;
+ line-height: 32px;
}
-.public-equirment-station-details .content .table-list .t-header > div:first-child,
-.public-equirment-station-details .content .table-list .table-list > div:first-child {
- margin-left: 30px;
- flex: 1;
+.public-equirment-station-details .content .itemTitle .openMenuIcon {
+ margin-left: 95px;
+ margin-top: 4px;
+ cursor: pointer;
}
-.public-equirment-station-details .content .table-list .t-header > div:nth-child(2),
-.public-equirment-station-details .content .table-list .table-list > div:nth-child(2) {
- width: 200px;
-}
-
-.public-equirment-station-details .content .table-list .t-header > div:nth-child(3),
-.public-equirment-station-details .content .table-list .table-list > div:nth-child(3) {
- width: 240px;
-}
-
-.public-equirment-station-details .content .table-list .t-header > div:nth-child(4),
-.public-equirment-station-details .content .table-list .table-list > div:nth-child(4) {
- width: 260px;
-}
-
-.public-equirment-station-details .content .table-list .t-header > div:nth-child(5),
-.public-equirment-station-details .content .table-list .table-list > div:nth-child(5) {
- width: 200px;
-}
-
-.public-equirment-station-details .content .table-list .t-header > div:nth-child(5) .look,
-.public-equirment-station-details .content .table-list .table-list > div:nth-child(5) .look {
- color: #00F0FF;
- background: rgba(0, 240, 255, 0.2);
- border-color: #00F0FF;
+.public-equirment-station-details .content .EchartsBox_div {
+ width: 607px;
+ height: 210px;
+ background: #0D1E34;
+ margin-left: 17px;
+ margin-top: -11px;
+ margin-bottom: 10px;
}
.public-nape-plot-details {
--
Gitblit v1.9.3