From afa3bc1e2f39f66f59ee9b15d6af16593acdc9a4 Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期六, 02 十二月 2023 10:38:27 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/login.html |   42 +++++++++++++++++++++++++++++-------------
 1 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index 8bb4f56..18479d1 100644
--- a/src/main/webapp/views/login.html
+++ b/src/main/webapp/views/login.html
@@ -28,7 +28,7 @@
         border-radius: 5px;
         color: #ffffff;
         z-index: 99;
-        box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
+        /*box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);*/
       }
 
       .login-contain {
@@ -48,11 +48,11 @@
       #background_video {
         position: absolute;
 
-        top: 50%; left: 50%;
+        top: 50%; left: 39.55%;
         transform: translate(-50%, -50%);
 
         object-fit: cover;
-        height: 100%; width: 100%;
+        height: 100%; width: 79%;
       }
 
       .s-video-all {
@@ -77,19 +77,35 @@
         z-index: -999;
       }
       #girlwu{
-        margin-left: 30%;
-        margin-top: 20%;
+        margin-left: 58%;
+        margin-top: 45%;
         z-index: 999;
       }
       .pText{
         /*color: #0C0C0C;*/
-        font-size:4rem;
         font-weight:800;
         font-style:italic;
         mix-blend-mode: difference;
         color: white;
         /*filter: invert(100%)*/
       /*  normal銆乷blique 鎴� italic*/
+      }
+
+      @media screen and (min-width:300px) and (min-width:650px){
+        .pTextFont{
+          font-size:0.75rem;
+        }
+      }
+      @media screen and (min-width:650px) and (min-width:1080px){
+        .pTextFont{
+          font-size:1.125rem;
+        }
+      }
+
+      @media screen and (min-width:300px) and (min-width:1380px){
+        .pTextFont{
+          font-size:1.5rem;
+        }
       }
 
     </style>
@@ -100,8 +116,8 @@
         <video id="background_video" style="z-index: -999" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
       </div>
       <div id="girlwu">
-        <p class="pText">&emsp;&emsp;璁╁埗閫犱笌鐗╂祦鏇撮珮鏁�</p>
-        <p class="pText">璧嬭兘鏅烘収鐗╂祦&emsp;&emsp;鍔╁姏鏅鸿兘鍒堕��</p>
+        <p class="pText pTextFont">鍔╁姏鏅鸿兘鍒堕��&emsp;&emsp;璧嬭兘鏅烘収鐗╂祦</p>
+        <p class="pText pTextFont">&emsp;&emsp;璁╁埗閫犱笌鐗╂祦鏇撮珮鏁�</p>
       </div>
 <!--      <div class="l-page l-page&#45;&#45;white " data-id="easy_glitch" style="z-index: 99">-->
 <!--        <div style="position: fixed;-->
@@ -163,19 +179,19 @@
               <div style="display: flex;justify-content: center;align-items: center;">
                 <div class="wrap-input100 validate-input m-b-10" style="width: 60%" data-validate="璇疯緭鍏ラ獙璇佺爜">
                   <input id="code" class="input100" type="text" name="code" placeholder="楠岃瘉鐮�">
-                  <span class="focus-input100"></span>
+                  <span class="focus-input100"></span>s
                   <span class="symbol-input100">
                 <i class="fa fa-lock"></i>
               </span>
                 </div>
                 <div style="width: 20%;">
                   <div id="getCodeBox"><button onclick="getCode()">鑾峰彇楠岃瘉鐮�</button></div>
-                  <div id="getCodeTime"></div>
+                  <div id="getCodeTime" style="color: black"></div>
                 </div>
               </div>
-              <div style="text-align: right;">
-                <button onclick="switchLogin('password')">瀵嗙爜鐧诲綍</button>
-              </div>
+<!--              <div style="text-align: right;">-->
+<!--                <button onclick="switchLogin('password')">瀵嗙爜鐧诲綍</button>-->
+<!--              </div>-->
               <div class="container-login100-form-btn p-t-10">
                 <button id="smsLogin" class="login100-form-btn login-btn">Login</button>
               </div>

--
Gitblit v1.9.1