From e80763e664be64ea36ba367c15c615df78d77aa7 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 08 十一月 2021 15:04:51 +0800
Subject: [PATCH] 视频详情v2

---
 src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue |   65 ++++++++++++++++++++++++++++++--
 1 files changed, 60 insertions(+), 5 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 462d9fc..8c33c6d 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -391,7 +391,7 @@
       >
         <div slot="title" class="title">
           <div class="center">
-            <i class="el-icon-connection"></i>
+            <img src="/images/shuohuang/璺緞 414.png" alt="" />
             <span>鎾斁瑙嗛</span>
           </div>
         </div>
@@ -408,7 +408,7 @@
         @close="eventDialogVisible = false"
       >
         <div class="title" slot="title">
-          <i class="el-icon-connection"></i>
+          <img src="/images/shuohuang/璺緞 414.png" alt="" />
           <span>{{ curEvName }}瑙嗛</span>
         </div>
         <event-videos :eventVideoArr="eventVideoArr"></event-videos>
@@ -897,6 +897,7 @@
 
   * {
     box-sizing: content-box;
+    color: #425277;
   }
   .el-input__inner {
     border: 1px solid #d7dce8;
@@ -1331,12 +1332,15 @@
         padding: 10px 0 20px;
       }
     }
+
     .el-dialog__wrapper {
       top: -22px;
     }
     .dialog-video {
       .el-dialog {
-        width: 1180px;
+        width: 1340px;
+        top: 70px;
+        transform: none;
       }
       .el-dialog__body {
         background: #eaeaea;
@@ -1344,7 +1348,7 @@
         height: inherit;
       }
       .el-dialog__header {
-        padding: 3px;
+        padding: 0px;
         .el-dialog__headerbtn {
           top: 6px;
         }
@@ -1365,11 +1369,29 @@
         }
       }
       .title {
-        font-size: 15px;
+        font-size: 16px;
+        height: 40px;
+        line-height: 40px;
+        background: #2d52d7;
+
+        span {
+          line-height: 40px;
+          color: #fcfcfc;
+        }
+
+        img {
+          width: 20px;
+          vertical-align: middle;
+          margin-right: 10px;
+        }
+      }
+      .el-dialog__close::before {
+        color: #fff;
       }
     }
     .dialog-event {
       z-index: 2096 !important;
+
       .el-dialog {
         width: 1000px;
         height: 800px;
@@ -1377,6 +1399,39 @@
         .el-dialog__body {
           padding: 0;
         }
+        .el-dialog__header {
+          padding: 0px;
+          .el-dialog__headerbtn {
+            top: 6px;
+          }
+        }
+        .title {
+          font-size: 16px;
+          height: 40px;
+          line-height: 40px;
+          background: #2d52d7;
+
+          span {
+            line-height: 40px;
+            color: #fcfcfc;
+          }
+
+          img {
+            width: 20px;
+            vertical-align: middle;
+            margin-right: 10px;
+          }
+        }
+        .el-dialog__close::before {
+          color: #fff;
+          &:hover {
+            color: #fff;
+          }
+        }
+
+        .more-videos .top .title {
+          background-color: #fff;
+        }
       }
     }
   }

--
Gitblit v1.8.0