From 0d421df289bc36412dc1e0182eaf3456ba1c6582 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 27 Mar 2024 10:49:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E9=A1=B5-hover=E5=9B=BE=E6=A0=87=EF=BC=8C=E7=BC=BA?=
 =?UTF-8?q?=E5=A4=B1=E6=96=87=E5=AD=97=E6=8F=90=E7=A4=BA=EF=BC=8C=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E8=87=B3pc=E7=AB=AF=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/MobileConfigPanel.vue | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index 881f2e5015..25ade3e47a 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -209,7 +209,7 @@ const save = () => {
         <el-switch size="small" v-model="dvInfo.mobileLayout" />
         <span class="open-mobile-line"></span>
         <el-tooltip effect="dark" content="切换至PC端布局" placement="bottom">
-          <el-icon @click="handleBack">
+          <el-icon @click="handleBack" class="switch-pc">
             <Icon name="icon_pc_outlined" />
           </el-icon>
         </el-tooltip>
@@ -296,7 +296,26 @@ const save = () => {
     .mobile-save {
       display: flex;
       align-items: center;
+      .switch-pc {
+        &::after {
+          content: '';
+          border-radius: 4px;
+          display: none;
+          position: absolute;
+          width: calc(100% + 10px);
+          height: calc(100% + 10px);
+          top: -5px;
+          left: -5px;
+        }
 
+        &:hover {
+          &::after {
+            display: block;
+            background: rgba(255, 255, 255, 0.1);
+          }
+        }
+        position: relative;
+      }
       .open-mobile-line {
         background: #ffffff4d;
         width: 1px;