From 5ce96dfbedb0ee6d0abd612ae489c020e8f6ec79 Mon Sep 17 00:00:00 2001
From: yz <yz_0812@outlook.com>
Date: 星期六, 30 一月 2021 14:06:17 +0800
Subject: [PATCH] 修改首页
---
src/views/login/login-scoped.scss | 66 ++++++++++++--------------------
1 files changed, 25 insertions(+), 41 deletions(-)
diff --git a/src/views/login/login-scoped.scss b/src/views/login/login-scoped.scss
index 50fe194..172bce9 100644
--- a/src/views/login/login-scoped.scss
+++ b/src/views/login/login-scoped.scss
@@ -2,36 +2,16 @@
$dark_gray:#aaa;
$light_gray:#eee;
+
.login-container {
- background: url(../../assets/background2.jpg) 50% no-repeat;
+ background: url(../../assets/background2.png) 50% no-repeat;
background-size: cover;
width: 100%;
height: 100vh;
- padding-top: 15%;
- .login-info {
- width: 608px;
- height: 350px;
- background-color: rgba(163, 44, 48, 1);
- position: absolute;
- left: 22.5%;
- color: #fff;
- font-weight: 600;
- border-radius: 3px;
- .login-img{
- margin-top: 5%;
- text-align: center;
- .zbyt-login{
- width: 200px;
- height: 200px;
- }
- }
-
- .title {
- margin-top: 5%;
- text-align: center;
- font-size: 1.8rem;
- font-weight: 600;
- }
+ padding-top: 8%;
+ #form-biao-dan{
+ text-align: center;
+ }
.sub-title {
font-size: 1.5rem;
margin: .3rem 0 .7rem 1rem;
@@ -42,20 +22,23 @@
}
}
.login-form {
- position: absolute;
- left: 70%;
- margin: 0 0 0 -160px;
- width: 320px;
+ width: 420px;
height: 350px;
padding: 36px;
background: #fff;
- border-radius: 3px;
+ .form-input{
+ border-radius: 20px;
+ margin-top: 20px;
+ }
.code-input {
+ margin-top: 20px;
+ border-radius: 20px;
width: 50%;
display: inline-block;
vertical-align: middle;
}
.code-image {
+ margin-top: 20px;
display: inline-block;
vertical-align: top;
cursor: pointer;
@@ -78,6 +61,14 @@
}
}
}
+ .submit-but{
+ width:100%;
+ margin-bottom:14px;
+ background-color: rgba(163, 44, 48, 1);
+ border-color: rgba(163, 44, 48, 1);
+ border-radius: 20px;
+ margin-top: 10%;
+ }
}
.login-footer {
position: fixed;
@@ -85,11 +76,11 @@
width: 100%;
text-align: center;
color: white;
- font-size: .9rem;
+ font-size: 1rem;
line-height: 1rem;
height: 1rem;
font-weight: 600;
- color: rgba(163, 44, 48, 1);
+ color: #fff;
}
.tips {
font-size: 14px;
@@ -135,13 +126,6 @@
}
}
- @media screen and (max-width: 1100px)
- {
- .login-info {
- left: 8%;
- }
- }
-
@media screen and (max-width: 970px)
{
.login-form {
@@ -150,5 +134,5 @@
.login-info {
display: none;
}
- }
+
}
\ No newline at end of file
--
Gitblit v1.8.0