From 98a44e94ecc76abd72b9817648ca4b91469b936a Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 08 八月 2020 16:04:16 +0800
Subject: [PATCH] 添加退出登录,布局调整

---
 src/pages/cameraAccess/components/SeparateRules.vue |   21 ++++++++++++++++-----
 1 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/pages/cameraAccess/components/SeparateRules.vue b/src/pages/cameraAccess/components/SeparateRules.vue
index 807cc3b..a92430e 100644
--- a/src/pages/cameraAccess/components/SeparateRules.vue
+++ b/src/pages/cameraAccess/components/SeparateRules.vue
@@ -61,7 +61,7 @@
             v-if="Camera.analytics"
             class="flex-box"
           >
-            <span >绠楁硶蹇�熼�氶亾</span>
+            <span class="label">绠楁硶蹇�熼�氶亾</span>
             <div class="channel flex-box" >
               <el-tooltip
                 effect="dark"
@@ -95,7 +95,7 @@
 
     <div class="devide"></div>
 
-    <div class="top" style="top:60px;">
+    <div class="top" >
       <p class="task-css">
         <b style="font-size: 14px; line-height: 18px;">鍦烘櫙</b>
       </p>
@@ -106,7 +106,7 @@
             :showRealPoll="cameraType === 'camera'"
             :ShowLocalVedio="cameraType === 'dataStack'"
             v-if="showSysInfo"
-            style="margin-left: 25px;margin-top:-10px"
+            style="margin-left: 10px;margin-top:-10px"
           />
         </div>
       </div>
@@ -470,7 +470,7 @@
 <style lang="scss">
 .s-separate-rules {
   width: 100%;
-
+  padding: 13px 0 20px;
   .ai {
     //width: calc(100% + 76px);
     // height: 38px;
@@ -484,8 +484,18 @@
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       .ai-select{
+        text-align: left;
         line-height: 30px;
         height: 30px;
+        .flex-box{
+          .label{
+            &+label,&+div{
+              margin-left: 10px;
+              line-height: 1;
+            }
+            
+          }
+        }
       }
       .ai-select>div{
         display: inline-block;
@@ -494,6 +504,7 @@
         
         .channel{
           display: inline-block;
+          vertical-align: middle;
         }
       }
     }
@@ -612,7 +623,7 @@
   }
   .bottom {
     width: 100%;
-  
+    margin-bottom: 15px;
     .bottom-side {
       height: 100%;
       width: 250px;

--
Gitblit v1.8.0