From 802164fd267f256fccbfe41be354110cbad7f363 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E7=A6=8F=E9=A1=BA?= Date: Wed, 27 Dec 2023 17:27:34 +0800 Subject: [PATCH] 1.login --- src/main/resources/application.yml | 2 +- src/main/resources/static/index.html | 78 ++++++---------------------- 2 files changed, 17 insertions(+), 63 deletions(-) diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml index 3f3be54..996b323 100644 --- a/src/main/resources/application.yml +++ b/src/main/resources/application.yml @@ -1,5 +1,5 @@ server: - port: 9999 + port: 8081 servlet: context-path: /baidu diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index bbdccb9..413b951 100644 --- a/src/main/resources/static/index.html +++ b/src/main/resources/static/index.html @@ -1,6 +1,5 @@ - @@ -28,9 +27,6 @@ body { align-items: center; background-color: var(--white); - /*background: url("https://res.cloudinary.com/dbhnlktrv/image/upload/v1599997626/background_oeuhe7.jpg"); - /* 决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。 */ - /* https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-attachment */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; @@ -42,15 +38,7 @@ .form__title { font-weight: 300; - margin: 0; - margin-bottom: 1.25rem; - } - - .link { - color: var(--gray); - font-size: 0.9rem; - margin: 1.5rem 0; - text-decoration: none; + margin: 0 0 1.25rem; } .container { @@ -72,16 +60,6 @@ transition: all 0.6s ease-in-out; } - .container--signin { - left: 0; - width: 50%; - z-index: 2; - } - - .container.right-panel-active .container--signin { - transform: translateX(100%); - } - .container--signup { left: 0; opacity: 0; @@ -117,17 +95,17 @@ background-attachment: fixed; background-position: center; background-repeat: no-repeat; - background-size: cover; + background-size: contain; height: 100%; /*left: -100%;*/ position: relative; - transform: translateX(0); + transform: translateY(-10%); transition: transform 0.6s ease-in-out; width: 100%; } .container.right-panel-active .overlay { - transform: translateX(50%); + /*transform: translateX(50%);*/ } .overlay__panel { @@ -236,50 +214,30 @@ - - - - - - - - -
-
- +