From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图

---
 src/pages/settings/index/index.vue |   41 ++++++++++++++++++++++++++++++++++++-----
 1 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/pages/settings/index/index.vue b/src/pages/settings/index/index.vue
index 86db67b..1e4076b 100644
--- a/src/pages/settings/index/index.vue
+++ b/src/pages/settings/index/index.vue
@@ -1544,7 +1544,7 @@
   background-color: rgba(255, 255, 255, 0.9);
   backdrop-filter: blur(4px);
   .border-change {
-    border-radius: 20px !important;
+    border-radius: 15px !important;
   }
   .search-box {
     width: 332px;
@@ -1552,12 +1552,15 @@
     position: fixed;
     left: calc(50% - 166px);
     top: 50px;
-    background: rgba(255, 255, 255, 0.8);
 
     border: 2px solid var(--colorCard);
     box-sizing: border-box;
     backdrop-filter: blur(4px);
     border-radius: 40px;
+
+    .search-res {
+      background-color: rgba(255,255,255,.5);
+    }
     .search-input {
       font-size: 14px;
       .el-input--mini .el-input__inner {
@@ -1585,6 +1588,30 @@
         transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
         width: 100%;
         font-weight: bold;
+
+        &::-webkit-input-placeholder { /* WebKit browsers */
+        color: #828282;
+        font-weight: normal;
+        font-size: 14px;
+        }
+        &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+        color: #828282;
+        font-weight: normal;
+        font-size: 14px;
+        }
+        &::-moz-placeholder { /* Mozilla Firefox 19+ */
+        color: #828282;
+        font-weight: normal;
+        font-size: 14px;
+        }
+        &:-ms-input-placeholder { /* Internet Explorer 10+ */
+        color: #828282;
+        font-weight: normal;
+        font-size: 14px;
+
+      }
+
+        
       }
       .el-input__suffix {
         display: flex;
@@ -1648,6 +1675,12 @@
       justify-content: center;
       align-items: center;
       cursor: pointer;
+      border: 2px solid #F2F2F7;
+
+      &:hover {
+        border: 2px solid #4E94FF;
+        background: #F2F2F7;
+      }
 
       .child-info {
         display: flex;
@@ -1659,7 +1692,7 @@
         img {
           width: 64px;
           margin: 0 auto;
-          margin-top: 65px;
+          margin-top: 61px;
           height: 50px;
         }
         .welcome-title {
@@ -2589,8 +2622,6 @@
     background: #fbfaff;
     padding: 0;
   }
-}
-.del-account-message-box {
 }
 </style>
 

--
Gitblit v1.8.0