奇淼（piexlmax
3 years ago
committed by
GitHub
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 168 additions and 166 deletions
-
160web/package-lock.json
-
BINweb/src/assets/login_background.jpg
-
1web/src/components/dashbordTable/dashbordTable.vue
-
171web/src/style/newLogin.scss
-
2web/src/view/init/index.vue
|
After Width: 1980 | Height: 1020 | Size: 40 KiB |
@ -1,100 +1,99 @@ |
|||||
#userLayout{ |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
// background-image: url("~@/assets/login_background.svg"); |
|
||||
background-size: cover; |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
position: relative; |
|
||||
.login_panle{ |
|
||||
position: absolute; |
|
||||
top: 3vh; |
|
||||
left: 2vw; |
|
||||
width: 96vw; |
|
||||
height: 94vh; |
|
||||
background-color: rgba(255,255,255,.8); |
|
||||
backdrop-filter: blur(5px); |
|
||||
border-radius: 10px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-evenly; |
|
||||
.login_panle_right{ |
|
||||
background-image: url("~@/assets/login_left.svg"); |
|
||||
background-size: cover; |
|
||||
width: 40%; |
|
||||
height: 60%; |
|
||||
float: right !important; |
|
||||
} |
|
||||
.login_panle_form{ |
|
||||
width: 420px; |
|
||||
background-color: #fff; |
|
||||
padding: 40px 40px 40px 40px; |
|
||||
border-radius: 10px; |
|
||||
box-shadow: 2px 3px 7px rgba(0,0,0,.2); |
|
||||
.login_panle_form_title{ |
|
||||
|
|
||||
|
#userLayout { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
background-image: url("~@/assets/login_background.jpg"); |
||||
|
background-size: cover; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: relative; |
||||
|
.login_panle { |
||||
|
position: absolute; |
||||
|
top: 3vh; |
||||
|
left: 2vw; |
||||
|
width: 96vw; |
||||
|
height: 94vh; |
||||
|
background-color: rgba(255, 255, 255, .8); |
||||
|
backdrop-filter: blur(5px); |
||||
|
border-radius: 10px; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
margin: 30px 0; |
|
||||
|
|
||||
.login_panle_form_title_logo{ |
|
||||
width: 90px; |
|
||||
height: 72px; |
|
||||
|
justify-content: space-evenly; |
||||
|
.login_panle_right { |
||||
|
background-image: url("~@/assets/login_left.svg"); |
||||
|
background-size: cover; |
||||
|
width: 40%; |
||||
|
height: 60%; |
||||
|
float: right !important; |
||||
} |
} |
||||
.login_panle_form_title_p{ |
|
||||
font-size: 40px; |
|
||||
|
|
||||
padding-left: 20px ; |
|
||||
|
.login_panle_form { |
||||
|
width: 420px; |
||||
|
background-color: #fff; |
||||
|
padding: 40px 40px 40px 40px; |
||||
|
border-radius: 10px; |
||||
|
box-shadow: 2px 3px 7px rgba(0, 0, 0, .2); |
||||
|
.login_panle_form_title { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin: 30px 0; |
||||
|
.login_panle_form_title_logo { |
||||
|
width: 90px; |
||||
|
height: 72px; |
||||
|
} |
||||
|
.login_panle_form_title_p { |
||||
|
font-size: 40px; |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
.vPic { |
||||
|
width: 33%; |
||||
|
height: 38px; |
||||
|
float: right !important; |
||||
|
background: #ccc; |
||||
|
img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
cursor: pointer; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
} |
|
||||
.vPic { |
|
||||
width: 33%; |
|
||||
height: 38px; |
|
||||
float: right !important; |
|
||||
background: #ccc; |
|
||||
img { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
cursor: pointer; |
|
||||
vertical-align: middle; |
|
||||
|
.login_panle_foot { |
||||
|
position: absolute; |
||||
|
bottom: 20px; |
||||
|
.links { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
.link-icon { |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
} |
||||
|
} |
||||
|
.copyright { |
||||
|
color: #777777; |
||||
|
margin-top: 5px; |
||||
|
} |
||||
} |
} |
||||
} |
|
||||
} |
} |
||||
.login_panle_foot{ |
|
||||
position: absolute; |
|
||||
bottom: 20px; |
|
||||
.links{ |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
.link-icon{ |
|
||||
width: 30px; |
|
||||
height: 30px; |
|
||||
} |
|
||||
} |
|
||||
.copyright{ |
|
||||
color: #777777; |
|
||||
margin-top: 5px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
} |
||||
|
|
||||
//小屏幕不显示右侧，将登陆框居中 |
//小屏幕不显示右侧，将登陆框居中 |
||||
@media (max-width: 750px) { |
@media (max-width: 750px) { |
||||
.login_panle_right{ |
|
||||
display: none; |
|
||||
} |
|
||||
.login_panle{ |
|
||||
width: 100vw; |
|
||||
height: 100vh; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
} |
|
||||
.login_panle_form{ |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
.login_panle_right { |
||||
|
display: none; |
||||
|
} |
||||
|
.login_panle { |
||||
|
width: 100vw; |
||||
|
height: 100vh; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.login_panle_form { |
||||
|
width: 100%; |
||||
|
} |
||||
} |
} |
||||
|
|
||||
|
|
||||
/* |
/* |
||||
powerBy : bypanghu@163.com |
powerBy : bypanghu@163.com |
||||
*/ |
*/ |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue