From 7ae86a9b2b062430c903ec9d9d6c4392cbde6346 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期六, 09 十月 2021 16:03:21 +0800
Subject: [PATCH] 系统维护

---
 src/pages/settings/index/index.vue |   46 ++++++++++++++++++++++++++--------------------
 1 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/src/pages/settings/index/index.vue b/src/pages/settings/index/index.vue
index 4642cfc..86db67b 100644
--- a/src/pages/settings/index/index.vue
+++ b/src/pages/settings/index/index.vue
@@ -880,6 +880,12 @@
       },
     };
   },
+  created(){
+  let color = localStorage.getItem('--colorCard')
+    if(color) {
+      document.documentElement.style.setProperty('--colorCard',`${color}`)
+    } 
+  },
   beforeDestroy() {
     clearTimeout(this.clockTimer);
     clearInterval(this.browserTimer);
@@ -1548,7 +1554,7 @@
     top: 50px;
     background: rgba(255, 255, 255, 0.8);
 
-    border: 2px solid #4e94ff;
+    border: 2px solid var(--colorCard);
     box-sizing: border-box;
     backdrop-filter: blur(4px);
     border-radius: 40px;
@@ -1623,7 +1629,7 @@
       .res-bar:hover {
         background: #f5f5f6 10%;
         font-weight: bold;
-        color: #4e94ff;
+        color: var(--colorCard);
       }
     }
   }
@@ -1713,7 +1719,7 @@
       }
     }
     .left-card-active {
-      background-color: #4e94ff !important;
+      background-color: var(--colorCard) !important;
       .card-text {
         color: #fff !important;
       }
@@ -1892,7 +1898,7 @@
                 margin-left: 10px;
               }
               .confirm-icon {
-                color: #4e94ff;
+                color: var(--colorCard);
                 font-size: 18px;
                 margin-left: 10px;
               }
@@ -1911,7 +1917,7 @@
                   height: 20px;
                   line-height: 20px;
                   /* border: 1px solid; */
-                  border: 1px solid #4e94ff;
+                  border: 1px solid var(--colorCard);
                   border-radius: 20px;
                   background: #f2f2f7;
                 }
@@ -1939,14 +1945,14 @@
           margin-top: 80px;
           .alt-pw-btn {
             background: rgba(78, 148, 255, 0.1);
-            border: 1px solid #4e94ff;
+            border: 1px solid var(--colorCard);
           }
           .del-usr-btn {
             background: #e0e0e0;
             color: #fc4958;
           }
           .auth-set-btn {
-            background: #4e94ff;
+            background: var(--colorCard);
             color: #ffffff;
           }
           .item-btn {
@@ -2004,7 +2010,7 @@
             .el-select-dropdown__item.hover,
             .el-select-dropdown__item:hover {
               background-color: #f2f2f7;
-              color: #4e94ff;
+              color: var(--colorCard);
             }
           }
         }
@@ -2024,7 +2030,7 @@
             font-weight: bold;
           }
           .el-input__inner:focus{
-            border: 2px solid #4e94ff;
+            border: 2px solid var(--colorCard);
           }
           .el-input__inner::placeholder {
             color: #c0c4cc;
@@ -2109,12 +2115,12 @@
                 }
                 .el-checkbox__input.is-checked .el-checkbox__inner,
                 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-                  background-color: #4e94ff;
-                  border-color: #4e94ff;
+                  background-color: var(--colorCard);
+                  border-color: var(--colorCard);
                 }
                 .el-checkbox__inner {
                   border-radius: 1px;
-                  border: 1px solid #4e94ff;
+                  border: 1px solid var(--colorCard);
                 }
                 .el-tree-node__label {
                   font-size: 13px;
@@ -2122,7 +2128,7 @@
                 }
               }
               .el-tree-node__content:hover {
-                border: 2px solid #4e94ff;
+                border: 2px solid var(--colorCard);
               }
             }
           }
@@ -2174,7 +2180,7 @@
           }
         }
         .upload-jpg-border {
-          border: 2px solid #4e94ff;
+          border: 2px solid var(--colorCard);
         }
       }
       .add-account-page {
@@ -2214,7 +2220,7 @@
               .el-select-dropdown__item.hover,
               .el-select-dropdown__item:hover {
                 background-color: #f2f2f7;
-                color: #4e94ff;
+                color: var(--colorCard);
               }
             }
           }
@@ -2241,7 +2247,7 @@
             font-weight: bold;
           }
           .el-input__inner:focus{
-            border: 2px solid #4e94ff;
+            border: 2px solid var(--colorCard);
           }
             .el-input__inner::placeholder {
               color: #c0c4cc;
@@ -2333,7 +2339,7 @@
               letter-spacing: 0.5px;
             }
             .highlight-radio {
-              background: #4e94ff;
+              background: var(--colorCard);
               color: #ffffff;
             }
           }
@@ -2486,14 +2492,14 @@
                   background: #f2f2f7;
                 }
                 .el-input__inner:focus {
-                  border: 2px solid #4e94ff;
+                  border: 2px solid var(--colorCard);
                 }
               }
               .el-button--text {
                 margin-left: 42px;
                 color: #409eff;
                 background: rgba(78, 148, 255, 0.1);
-                border: 1px solid #4e94ff;
+                border: 1px solid var(--colorCard);
                 box-sizing: border-box;
                 border-radius: 20px;
                 width: 68px;
@@ -2572,7 +2578,7 @@
         height: 40px;
         cursor: pointer;
         border-radius: 25px;
-        background-color: #4e94ff;
+        background-color: var(--colorCard);
         color: #fff;
         line-height: 40px;
         font-weight: bold;

--
Gitblit v1.8.0