Merge pull request #8723 from dataease/pr@dev-v2_mobile

fix(仪表板): 编辑页-hover图标，缺失文字提示，切换至pc端布局

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;