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