From 742fdf422af64524de971f8618d11eff54f1a75a Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 31 Aug 2022 16:23:21 +0800
Subject: [PATCH] =?UTF-8?q?style(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E8=BE=85?=
 =?UTF-8?q?=E5=8A=A9=E7=BD=91=E6=A0=BC=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/canvas/components/Toolbar.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/canvas/components/Toolbar.vue b/frontend/src/components/canvas/components/Toolbar.vue
index ba47aeebba..44096977d0 100644
--- a/frontend/src/components/canvas/components/Toolbar.vue
+++ b/frontend/src/components/canvas/components/Toolbar.vue
@@ -74,7 +74,7 @@
             <el-dropdown-item>
               <span class="icon iconfont icon-icon_dialpad_outlined icon16" />
               <span class="text14 margin-left8">{{ $t('panel.aided_grid') }}</span>
-              <el-switch v-model="showGridSwitch" class="margin-left8" size="mini" @change="showGridChange" />
+              <el-switch v-model="showGridSwitch" :class="[{['grid-active']: showGridSwitch},'margin-left8']" size="mini" @change="showGridChange" />
             </el-dropdown-item>
             <el-dropdown-item @click.native="openOuterParamsSet">
               <span class="icon iconfont icon-icon-quicksetting icon16" />
@@ -600,10 +600,14 @@ export default {
 ::v-deep .el-switch__core::after {
   width: 14px;
   height: 14px;
-  margin-top: -1px;
+  margin-top: -1.3px;
   margin-bottom: 2px;
 }
 
+.grid-active ::v-deep .el-switch__core::after {
+  margin-left: -14.5px;
+}
+
 .iconfont-tb {
   font-family: "iconfont" !important;
   font-size: 12px;