diff --git a/public/static/videos/login.webm b/public/static/videos/login.webm index 43e188f6..18203c39 100644 Binary files a/public/static/videos/login.webm and b/public/static/videos/login.webm differ diff --git a/src/assets/styles/login.scss b/src/assets/styles/login.scss index 55889fcb..bea1fe9d 100644 --- a/src/assets/styles/login.scss +++ b/src/assets/styles/login.scss @@ -94,8 +94,11 @@ $buttonHeight: $buttonH * 1px; display: flex; .pic { + flex: 3; + width: 1px; + min-width: 800px; // 元素 - width: $picWidth; + // width: $picWidth; height: $picHeight; background-image: url($picImage); background-repeat: no-repeat; @@ -116,7 +119,8 @@ $buttonHeight: $buttonH * 1px; .field { position: relative; margin-top: 8%; - flex: 1; + flex: 2; + // width: 800px; display: flex; flex-direction: column; align-items: center; @@ -170,7 +174,7 @@ $buttonHeight: $buttonH * 1px; } .form { - margin-top: 32px; + margin-top: 0; box-sizing: border-box; // width: $formWidth; width: 100%; @@ -307,6 +311,19 @@ $buttonHeight: $buttonH * 1px; } // - - - - - PC 最小尺寸设置 +@media screen and (min-width: 1920px) { + .container { + .content { + + .field { + flex: initial; + width: 800px; + } + } + } +} + + @media screen and (min-width: 599px) and (max-width: 1366px) { .container { min-width: 599px;