做了一个登陆界面！

code/web/car_dealer/css/login.css

@@ -18,8 +18,15 @@ html {
 }
 
 body {
+    font-family: "Poppins", sans-serif;
     padding: 0px;
     overflow-x: hidden;
+    min-width: 1280px;
+    /* -ms-overflow-style: none; */
+}
+
+::-webkit-scrollbar {
+    width: 0 !important;
 }
 
 .login_box {
@@ -29,10 +36,92 @@ body {
     height: 100vh;
     width: 400px;
     top: 0vh;
-    /* bottom: 0vh; */
     right: 50px;
-    background-color: #ffffffaf;
+    background-color: #ffffffcf;
     z-index: 10;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.login_box img {
+    height: 100px;
+}
+
+.login_box h2 {
+    margin: 15px 0px;
+    font-size: 2.9rem;
+    color: #333;
+}
+
+.input-div {
+    position: relative;
+    display: grid;
+    grid-template-columns: 7% 93%;
+    grid-gap: 5px;
+    margin: 0px 0px 5px 0;
+    padding: 5px 0;
+}
+
+.user {
+    margin-top: 0;
+}
+
+.i {
+    color: #b9b9b9;
+    font-family: "Font Awesome 5 Free";
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.input-div > div {
+    /* 相对定位 */
+    /* position: relative; */
+    /* height: 45px; */
+}
+
+/* .input-div > div > h5 {
+
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #999;
+    font-size: 18px;
+    transition: 0.3s;
+} */
+
+.fa-user::before {
+    content: "\f007";
+}
+
+.input-div > div > input {
+    border: none;
+    outline: none;
+    height: 2rem;
+    padding: 0px 5px;
+    border-radius: 5px;
+}
+
+.btn_login {
+    display: block;
+    width: 60%;
+    height: 50px;
+    border-radius: 25px;
+    outline: none;
+    border: none;
+    background-image: linear-gradient(to right, #32be8f, #32b39f, #32be8f);
+    background-size: 200%;
+    font-size: 1.2rem;
+    color: #fff;
+    font-family: "Poppins", sans-serif;
+    text-transform: uppercase;
+    margin: 1rem auto;
+    /* 鼠标放上变小手 */
+    cursor: pointer;
+    /* transition: 0.5s; */
 }
 
 .title_box {
@@ -49,8 +138,12 @@ body {
 
 .dash_box {
     position: relative;
-    height: 200vh;
+    min-height: 120vh;
     width: 100vw;
     background-color: #ddd;
     z-index: 0;
+    background-image: url("../img/login/login_bg_06.jpg");
+    background-position: right;
+    background-size: cover;
+    background-repeat: no-repeat;
 }