yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加背景图 准备发布demo

Browse Source
This commit is contained in:
蒋吉兆
2021-09-02 22:20:02 +08:00
parent 611026d8ea
commit 594b3923c3
5 changed files with 168 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/assets/login_background.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

web/src/components/dashbordTable/dashbordTable.vue
+1
View File
@@ -48,6 +48,7 @@ export default {
&-title{
color: rgb(56,137,206);
font-size: 18px;
margin-bottom: 20px;
}
}
</style>
web/src/style/newLogin.scss
+85 -86
View File
@@ -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;
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) {
.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
*/
web/src/view/init/index.vue
+1 -1
View File
@@ -116,7 +116,7 @@ export default {
.init_page{
margin: 0;
padding: 0;
background-image: url("~@/assets/login_background.svg");
background-image: url("~@/assets/login_background.jpg");
background-size: cover;
width: 100%;
height: 100%;