feats

src/pages/login/Effect.jsx

@@ -5,7 +5,6 @@ export default (props) => {
     <div className='login-effect-box'>
       <div className="login-effect">
         <div className="login-effect-arc"></div>
-        <div className="login-effect-rect"></div>
       </div>
     </div>
   )

src/pages/login/style.less

@@ -50,29 +50,20 @@
       width: 100%;
       height: 100%;
       border-radius: 50%;
-      background-color: #1890ff;
+      background-color: #fa8c16;
 
-      // &::after {
-      //   content: '';
-      //   position: absolute;
-      //   top: 50%;
-      //   height: 50%;
-      //   width: 100%;
-      //   background: #fff;
-      //   z-index: 2;
-      // }
-    }
-
-    .login-effect-rect {
-      width: 100%;
-      height: 50%;
-      top: 50%;
-      left: 0;
-      position: absolute;
-      border-radius:0 0 100px 100px;
-      z-index: 10;
-      background-color: #fff;
-      filter: blur(10px);
+      &::after {
+        content: '';
+        width: 200%;
+        height: 100%;
+        top: 50%;
+        left: -50%;
+        position: absolute;
+        z-index: 10;
+        background-color: rgba(255, 255, 255, 0.001);
+        backdrop-filter: blur(16px);
+        border-top: 1px solid rgba(255, 255, 255, 0.2);
+      }
     }
   }