style: 毛玻璃效果

2025-12-17 10:36:07 +08:00
parent 5b3eb52841
commit 543ac89f9b
2 changed files with 8 additions and 2 deletions
--- a/src/views/login/LoginPage.vue
+++ b/src/views/login/LoginPage.vue
@@ -228,8 +228,8 @@ const handleSignup = () => {
    height: 107.8rem;
    background: radial-gradient(
      100% 100% at 0% 0%,
-      rgba(115, 115, 115, 0.4) 0%,
-      rgba(0, 0, 0, 0) 100%
+      rgba(0, 0, 0, 0.4) 0%,
+      rgba(0, 0, 0, 0.2) 100%
    );
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
--- a/src/views/login/WelcomePage.vue
+++ b/src/views/login/WelcomePage.vue
@@ -74,6 +74,12 @@ const goToLogin = () => {
      //  padding: 2rem 1.3rem;
      box-sizing: border-box;
      font-family: 'satoshiRegular';
+      backdrop-filter: blur(5.27rem);
+      -webkit-backdrop-filter: blur(5.27rem);
+      -moz-backdrop-filter: blur(5.27rem);
+      -ms-backdrop-filter: blur(5.27rem);
+      -o-backdrop-filter: blur(5.27rem);
+      box-shadow: 1.9rem 2.3rem 1.66rem 0.23rem -0.3rem 0.23rem #36180c40;
    }
  }
 }