diff --git a/src/views/passport/login/index.vue b/src/views/passport/login/index.vue index 1ecad0c..07f68d1 100644 --- a/src/views/passport/login/index.vue +++ b/src/views/passport/login/index.vue @@ -135,19 +135,7 @@ {{ loading ? "登录中" : "登录" }} - -
- -
-
-
-
-
- 微信 - 微信扫码登录 -
-
@@ -379,8 +367,7 @@ onBeforeUnmount(() => { .login-panel { display: grid; - grid-template-columns: minmax(0, 1fr) 320px; - gap: 28px; + grid-template-columns: minmax(0, 1fr); align-items: start; justify-content: center; justify-items: center; @@ -562,60 +549,6 @@ onBeforeUnmount(() => { font-weight: 700; } -.login-divider { - margin-top: 16px; - height: 1px; - background: linear-gradient(90deg, transparent, #e6e6e6 20%, #e6e6e6 80%, transparent); -} - -.login-qr-card { - width: 100%; - max-width: 320px; - background: #fff; - border-radius: 16px; - border: 1px solid #ececec; - padding: 22px 20px 18px; - box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08); - display: grid; - justify-items: center; - gap: 14px; -} - -.qr-frame { - width: 210px; - height: 210px; - padding: 14px; - border-radius: 14px; - border: 1px solid #e6e6e6; - background: #fff; - box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08); - display: grid; - place-items: center; -} - -.qr-placeholder { - width: 100%; - height: 100%; - border-radius: 8px; - background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%), - linear-gradient(rgba(0, 0, 0, 0.1) 50%, transparent 50%); - background-size: 14px 14px; - background-position: 0 0, 7px 7px; -} - -.qr-text { - display: flex; - align-items: center; - gap: 8px; - color: #3e3e3e; - font-weight: 600; -} - -.wechat-icon { - width: 20px; - height: 20px; -} - .login-copyright { margin-top: 40px; font-size: 12px; @@ -624,19 +557,10 @@ onBeforeUnmount(() => { } @media (max-width: 900px) { - .login-panel { - grid-template-columns: 1fr; - justify-items: center; - } - .login-form { width: 100%; max-width: 520px; } - - .login-qr-card { - max-width: 360px; - } } @media (max-width: 640px) { @@ -675,10 +599,5 @@ onBeforeUnmount(() => { height: 50px; font-size: 16px; } - - .qr-frame { - width: 180px; - height: 180px; - } }