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/maintain/views/updateSettings.vue |   24 +++++++-----------------
 1 files changed, 7 insertions(+), 17 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 {

--
Gitblit v1.8.0