From 8530e9bc5efe6e0e446eb622ea41d72f7b68bfcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 29 Sep 2022 09:12:05 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=B1=82=E7=BA=A7UI?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ContentLayers/components/LayersStatus/index.vue   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/chart/ContentLayers/components/LayersStatus/index.vue b/src/views/chart/ContentLayers/components/LayersStatus/index.vue
index 4179e765..648d0842 100644
--- a/src/views/chart/ContentLayers/components/LayersStatus/index.vue
+++ b/src/views/chart/ContentLayers/components/LayersStatus/index.vue
@@ -19,9 +19,10 @@
 
 <script setup lang="ts">
 import { computed, PropType } from 'vue'
-import { LayerModeEnum } from '../../index.d'
+import { useDesignStore } from '@/store/modules/designStore/designStore'
 import { PublicConfigType } from '@/packages/index.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import { LayerModeEnum } from '../../index.d'
 import { icon } from '@/plugins'
 
 const props = defineProps({
@@ -44,6 +45,12 @@ const props = defineProps({
 
 const { LockClosedOutlineIcon, LockOpenOutlineIcon, EyeOutlineIcon, EyeOffOutlineIcon } = icon.ionicons5
 const chartEditStore = useChartEditStore()
+const designStore = useDesignStore()
+
+// 颜色
+const themeColor = computed(() => {
+  return designStore.getAppTheme
+})
 
 // 隐藏 / 展示
 const showHandle = (e: MouseEvent) => {
@@ -59,7 +66,7 @@ const lockHandle = (e: MouseEvent) => {
 </script>
 
 <style lang="scss" scoped>
-$activeColor: #ebcb87;
+$activeColor: v-bind('themeColor');
 
 .icon-item {
   opacity: 0;