From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图

---
 src/pages/settings/views/generalSettings.vue |   39 ++++++++++-----------------------------
 1 files changed, 10 insertions(+), 29 deletions(-)

diff --git a/src/pages/settings/views/generalSettings.vue b/src/pages/settings/views/generalSettings.vue
index 026e3c5..51d202a 100644
--- a/src/pages/settings/views/generalSettings.vue
+++ b/src/pages/settings/views/generalSettings.vue
@@ -216,13 +216,13 @@
             >
             <div class="color-option"
             v-if="universalColor != index"
-            :style="{cursor: pointer,backgroundColor:item.color}"
+            :style="{cursor: 'pointer',backgroundColor:item.color}"
             @click="colorCard(item.color,index)"
             />    
 
             <div class="color-option color-option-active"
             v-else
-            :style="{cursor: pointer,border:`2px solid ${item.color}`}"
+            :style="{cursor: 'pointer',border:`2px solid ${item.color}`}"
             @click="colorCard(item.color,index)">
            <div 
            :style="{backgroundColor:item.color}"
@@ -556,6 +556,7 @@
       this.universalColor = index
       document.documentElement.style.setProperty('--colorCard',`${color}`)
       localStorage.setItem('--colorCard',`${color}`)
+      window.parent.postMessage({msg:'changeColor',color},'*')
     }
   },
 };
@@ -579,7 +580,7 @@
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
-    padding: 24px 10px;
+    padding: 10px 10px;
     border-right: 4px solid #f2f2f7;
     background-color: #fbfaff;
 
@@ -659,34 +660,15 @@
         text-align: left;
         margin-bottom: 5px;
       }
-      .voice-title {
+      .bar.title.voice-title {
         justify-content: center !important;
+        text-align: center;
         font-weight: 700;
+        border: none;
       }
       .bar-group {
         overflow: auto;
-<<<<<<< HEAD
-        height: 400px;
-      }
-      .bar {
-        height: 48px;
-        background-color: #f8f8f8;
-        border-radius: 10px;
-        line-height: 48px;
-        box-sizing: border-box;
-        padding: 0 20px 0 20px;
-        font-weight: 700;
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 2px;
-        border: 2px solid #fff;
-        .name {
-          font-size: 14px;
-        }
-        .btns {
-          width: 52px;
-=======
-        height: 520px;
+        height: calc(100% - 100px);
         .general-bar {
           height: 48px;
           background-color: #f8f8f8;
@@ -695,11 +677,10 @@
           box-sizing: border-box;
           padding: 0 20px 0 20px;
           font-weight: 700;
->>>>>>> 0892efe5131551631fe287cfda29e59e4f2f6707
           display: flex;
           justify-content: space-between;
           margin-bottom: 2px;
-          border: 2px solid #fff;
+          border: 2px solid #f8f8f8;
           .name {
             font-size: 14px;
           }
@@ -879,7 +860,7 @@
           height: 30px;
           border-radius:50% ;
           background-color: #fff;
-          padding: 3px;
+          padding: 4px;
           .color-option-content {
             width: 100%;
             height: 100%;

--
Gitblit v1.8.0