From ded792ca595f1acd62ae88716123d18e6c52be07 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期三, 07 七月 2021 17:50:05 +0800
Subject: [PATCH] 欢迎页图标改变

---
 src/pages/settings/index/App.vue            |   21 ++++++++++++++-------
 src/pages/maintain/views/updateSettings.vue |   24 +++++++-----------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/pages/maintain/views/updateSettings.vue b/src/pages/maintain/views/updateSettings.vue
index 7a000e2..0362654 100644
--- a/src/pages/maintain/views/updateSettings.vue
+++ b/src/pages/maintain/views/updateSettings.vue
@@ -2,13 +2,13 @@
   <div class="all">
     <div class="cluster-content">
       <div class="cluster-center" ref="left">
-        <div class="menu-item" @click="openRight(0)">
+        <div class="menu-item" :class="activePage==0?'menu-item-active':''" @click="openRight(0)">
           <div class="con">
             <span class="icon iconfont">&#xe646;</span>
             <span class="menu-text">绯荤粺鏇存柊</span>
           </div>
         </div>
-        <div class="menu-item" @click="openRight(1)">
+        <div class="menu-item" :class="activePage==1?'menu-item-active':''" @click="openRight(1)">
           <div class="con">
             <span class="icon iconfont">&#xe646;</span>
 
@@ -65,7 +65,6 @@
         <div class="wifi" v-if="activePage == 1">
           <div class="content">
             <div class="title">绯荤粺鏇存柊璁剧疆</div>
-
             <div class="bar">
               <div class="name">鑷姩娓呯悊杞欢鍖呯紦瀛�</div>
               <el-switch
@@ -159,12 +158,10 @@
       app_auto_download: false,
       timer: null,
       patchFile: {},
-
       fileAdded: false,
       upgrading: false,
     };
   },
-  mounted() {},
   methods: {
     onFileUpload(file) {
       this.patchUpdateStatus = `<span style="color:green">涓婁紶鎴愬姛, 鐐瑰嚮鍗囩骇鎸夐挳寮�濮嬪崌绾�</span>`;
@@ -234,11 +231,6 @@
       }, 10000);
     },
     openRight(typ) {
-      const es = document.getElementsByClassName("menu-item");
-      es[this.activePage].style.backgroundColor = "#f8f8f8";
-      es[this.activePage].style.color = "rgba(54, 54, 54, 1)";
-      es[typ].style.backgroundColor = "rgba(61, 104, 225, 1)";
-      es[typ].style.color = "#fff";
       this.activePage = typ;
     },
     switchChange(typ) {
@@ -268,7 +260,6 @@
     padding: 10px;
     border-right: 5px solid #f8f8f8;
 
-    // background-color: lavender;
     .menu-item {
       background-color: #f8f8f8;
       height: 50px;
@@ -289,6 +280,10 @@
           font-size: 15px;
         }
       }
+    }
+    .menu-item-active{
+      color: #fff;
+      background-color: rgba(61, 104, 225, 1);
     }
   }
   .cluster-right {
@@ -334,10 +329,7 @@
       flex-direction: column;
       justify-content: space-between;
       height: 95%;
-      // .el-radio-button__inner {
-      //   // color: #333333;
-      //   border: none;
-      // }
+
       .update-center {
         height: 160px;
         .spin-bg {
@@ -370,8 +362,6 @@
       }
       .upload-center {
         height: 340px;
-
-        // margin: 0 auto;
          .update-center {
         height: 160px;
         .spin-bg {
diff --git a/src/pages/settings/index/App.vue b/src/pages/settings/index/App.vue
index 1f24e72..ef71b7c 100644
--- a/src/pages/settings/index/App.vue
+++ b/src/pages/settings/index/App.vue
@@ -496,37 +496,37 @@
   <div class="welcome-page" v-else>
     <div class="child" @click="openWelcome('璐︽埛',0)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6de;</span>
         <span class="welcome-title">璐︽埛</span>
       </div>
     </div>
     <div class="child"  @click="openWelcome('鏃ユ湡鏃堕棿',1)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6ff;</span>
         <span class="welcome-title">鏃ユ湡鏃堕棿</span>
       </div>
     </div>
     <div class="child"  @click="openWelcome('闆嗙兢绠＄悊',2)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6df;</span>
         <span class="welcome-title">闆嗙兢绠＄悊</span>
       </div>
     </div>
     <div class="child"  @click="openWelcome('缃戠粶璁剧疆',3)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6dd;</span>
         <span class="welcome-title">缃戠粶璁剧疆</span>
       </div>
     </div>
     <div class="child"  @click="openWelcome('閿洏鍜岃瑷�',4)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6dc;</span>
         <span class="welcome-title">閿洏鍜岃瑷�</span>
       </div>
     </div>
     <div class="child"  @click="openWelcome('閫氱敤璁剧疆',5)">
       <div class="child-info">
-        <span class="icon iconfont welcome-icon">&#xe690;</span>
+        <span class="icon iconfont welcome-icon">&#xe6db;</span>
         <span class="welcome-title">閫氱敤璁剧疆</span>
       </div>
     </div>
@@ -1184,7 +1184,7 @@
 .welcome-page {
   width: 100%;
   height: 100%;
-  background-color: #f8f8f8;
+  background-color: #f5f5f5;
   display: -ms-flexbox;
   padding: 0 50px;
   -webkit-box-sizing: border-box;
@@ -1217,6 +1217,13 @@
       }
     }
   }
+  .child:hover {
+    -moz-box-shadow: 5px 5px 10px #ddd;
+    -webkit-box-shadow: 5px 5px 10px #ddd;
+    box-shadow: 5px 5px 10px #ddd;
+    transform: translate3d(0,-2.5px,0);
+     transition: all 0.3s;
+}
 }
 .container {
   height: 100%;

--
Gitblit v1.8.0