From 625982b3d7aeec8c9b83e9bcf07f54c22d927c5f Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Mon, 3 Nov 2025 10:20:37 +0800 Subject: [PATCH] =?UTF-8?q?border2px=E6=94=B9=E4=B8=BA.2rem?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/login/LoginPage.vue | 8 ++++---- src/views/login/SignupPage.vue | 8 ++++---- src/views/stylist/index.vue | 6 +++--- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/views/login/LoginPage.vue b/src/views/login/LoginPage.vue index 6ddb689..0e62376 100644 --- a/src/views/login/LoginPage.vue +++ b/src/views/login/LoginPage.vue @@ -234,12 +234,12 @@ const handleSignup = () => { -moz-backdrop-filter: blur(35px); -ms-backdrop-filter: blur(35px); -o-backdrop-filter: blur(35px); - border: 2px solid rgba(255, 255, 255, 0.15); + border: .2rem solid rgba(255, 255, 255, 0.15); border-radius: 4.79rem; padding: 11.2rem 8.62rem 14.28rem 7.18rem; box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1); overflow: hidden; - border: 2px solid #fff; + border: .2rem solid #fff; font-size: 3.83rem; } @@ -247,7 +247,7 @@ const handleSignup = () => { width: 100%; height: 10rem; padding: 1.6rem 2rem; - border: 2px solid #fff; + border: .2rem solid #fff; background: transparent; border-radius: 7.1rem; color: white; @@ -293,7 +293,7 @@ const handleSignup = () => { .google-button { width: 100%; padding: 1.6rem; - border: 2px solid #fff; + border: .2rem solid #fff; border-radius: 7rem; font-size: 3.83rem; cursor: pointer; diff --git a/src/views/login/SignupPage.vue b/src/views/login/SignupPage.vue index e1ef9cc..752bf92 100644 --- a/src/views/login/SignupPage.vue +++ b/src/views/login/SignupPage.vue @@ -238,12 +238,12 @@ const handleSignupByGoogle = async () => { -moz-backdrop-filter: blur(35px); -ms-backdrop-filter: blur(35px); -o-backdrop-filter: blur(35px); - border: 2px solid rgba(255, 255, 255, 0.15); + border: .2rem solid rgba(255, 255, 255, 0.15); border-radius: 4.79rem; padding: 11.2rem 8.62rem 14.28rem 7.18rem; box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1); overflow: hidden; - border: 2px solid #fff; + border: .2rem solid #fff; font-size: 3.83rem; } @@ -251,7 +251,7 @@ const handleSignupByGoogle = async () => { width: 100%; height: 10rem; padding: 1.6rem 2rem; - border: 2px solid #fff; + border: .2rem solid #fff; background: transparent; border-radius: 7.1rem; color: white; @@ -286,7 +286,7 @@ const handleSignupByGoogle = async () => { .google-button { width: 100%; padding: 1.6rem; - border: 2px solid #fff; + border: .2rem solid #fff; border-radius: 7rem; font-size: 3.83rem; cursor: pointer; diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue index 5f54028..fad367b 100644 --- a/src/views/stylist/index.vue +++ b/src/views/stylist/index.vue @@ -194,7 +194,7 @@ watch(showVideo, (newValue) => { z-index: 3; box-shadow: 0 2rem 2.5rem rgba(0, 0, 0, 0.25), 0 0 6rem rgba(0, 0, 0, 0.25); border: 0.1rem solid rgba(255, 255, 255, 0.2); - filter: drop-shadow(2px 4px 6.6px rgba(0, 0, 0, 0.25)); + filter: drop-shadow(.2rem 4px 6.6px rgba(0, 0, 0, 0.25)); &.left { left: 1rem; } @@ -211,8 +211,8 @@ watch(showVideo, (newValue) => { .swiper-container { width: 66rem; height: 100rem; - border: 2px solid #fff; - border-radius: 12px; + border: .2rem solid #fff; + border-radius: 1.2rem; display: flex; flex-direction: column; align-items: center;