From ce91379aaa2a8f431e171abc40fe818c4c08c914 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 22 九月 2021 20:51:15 +0800
Subject: [PATCH] 系统更新 v0

---
 src/pages/vindicate/views/updateSettings.vue |   59 +++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/src/pages/vindicate/views/updateSettings.vue b/src/pages/vindicate/views/updateSettings.vue
index 74a3bcd..7c73428 100644
--- a/src/pages/vindicate/views/updateSettings.vue
+++ b/src/pages/vindicate/views/updateSettings.vue
@@ -104,7 +104,6 @@
 
           <div class="cur-version">褰撳墠鐗堟湰锛歿{ curVersionName }}</div>
         </div>
-
         <div class="wifi" v-if="activePage == 1">
           <div class="content">
             <div class="title">绯荤粺鏇存柊璁剧疆</div>
@@ -192,11 +191,6 @@
     if (isAutoUpdate==1) {
       this.checking = false
       this.upgradeNewVersion()
-      // this.showWelcome = false;
-      // this.activeIndex = this.menuArr.findIndex((x) => x.name == menu);
-      // this.$nextTick(() => {
-      //   this.$refs.netSettings.openRight(2);
-      // });
     }else{
       this.fetchUpgradInfo();
     }
@@ -334,43 +328,48 @@
   flex: 1;
   flex-basis: auto;
   box-sizing: border-box;
+  border-top: 4px solid #f8f8f8;
+  border-left: 4px solid #f8f8f8;
   .cluster-center {
     height: 100%;
-    width: 280px;
+    width: 300px;
     overflow: auto;
     box-sizing: border-box;
     flex-shrink: 0;
-    padding: 10px;
-    border-right: 5px solid #f8f8f8;
+    padding: 24px 10px 0 10px;
+    border-right: 4px solid #f8f8f8;
 
     .menu-item {
-      background-color: #f8f8f8;
-      height: 50px;
-      margin-bottom: 10px;
+      background-color: #F2F2F7;
+      height: 56px;
+      margin-bottom: 4px;
       border-radius: 8px;
-      line-height: 50px;
-      box-sizing: border-box;
-      font-size: 14px;
+      line-height: 56px;
+      box-sizing: border-box;   
       cursor: pointer;
-      padding: 0 20px;
+      padding: 0 15px;
       display: flex;
       justify-content: space-between;
       .con {
         .iconfont {
+          width: 26px;
+          height: 26px;
           margin-right: 10px;
+          color: #333;
         }
         .menu-text {
-          font-size: 15px;
+          font-size: 16px;
+           font-weight: 700;
         }
       }
     }
     .menu-item-active {
       color: #fff;
-      background-color: rgba(61, 104, 225, 1);
+      background-color: #4E94FF;
     }
     .menu-item:hover {
       color: #fff;
-      background-color: rgba(61, 104, 225, 1);
+      background-color: #4E94FF;
     }
   }
   .cluster-right {
@@ -379,7 +378,6 @@
     overflow: auto;
     box-sizing: border-box;
     position: relative;
-    padding: 20px 40px;
     .el-form-item.is-required:not(.is-no-asterisk)
       > .el-form-item__label:before,
     .el-form-item.is-required:not(.is-no-asterisk)
@@ -520,26 +518,35 @@
       }
     }
     .wifi {
-      .content {
-        margin-bottom: 20px;
-      }
+      padding: 10px 0 0 10px;
       .bar {
         display: flex;
         align-items: center;
         height: 50px;
-        padding: 0 25px;
         background-color: #f8f8f8;
         justify-content: space-between;
         border-radius: 12px;
         margin-bottom: 10px;
+        padding-left:20px ;
         .name {
-          font-size: 15px;
+          font-size: 14px;
+          font-weight: 700;
         }
       }
       .title {
         text-align: left;
-        padding: 10px;
+        padding: 17px 0 17px 25px;
         font-size: 16px;
+        color:#333;
+        font-weight: 700;
+      }
+      .el-switch{
+        width: 40px;
+        height: 14px;
+        margin-right: 17px;
+      }
+      .is-checked .el-switch__core{
+       background-color: #4E97FF  !important;
       }
     }
 

--
Gitblit v1.8.0