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 |   17 ++++++++++-------
 1 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/settings/views/generalSettings.vue b/src/pages/settings/views/generalSettings.vue
index 4f55b2f..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,13 +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;
-        height: calc(100% - 132px);
+        height: calc(100% - 100px);
         .general-bar {
           height: 48px;
           background-color: #f8f8f8;
@@ -677,7 +680,7 @@
           display: flex;
           justify-content: space-between;
           margin-bottom: 2px;
-          border: 2px solid #fff;
+          border: 2px solid #f8f8f8;
           .name {
             font-size: 14px;
           }
@@ -857,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