cxc/rn-bms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改login表单最小高度

Browse Source
This commit is contained in:
熊丽君
2020-12-25 08:49:17 +08:00
parent e1ff7339ea
commit 7951fe5cf4
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/login.vue
View File

@ -183,11 +183,14 @@ export default {
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
$loginHeight:570px;
$loginForm:370px;
.login { .login {
// display: flex; // display: flex;
// justify-content: center; // justify-content: center;
// align-items: center; // align-items: center;
height: 100%; height: 100%;
min-height: $loginHeight;
background-image: url("../assets/image/login-bg.jpg"); background-image: url("../assets/image/login-bg.jpg");
background-size: cover; background-size: cover;
position: relative; position: relative;
@ -223,6 +226,7 @@ export default {
background: #ffffff; background: #ffffff;
width: 400px; width: 400px;
height: 60%; height: 60%;
min-height: $loginForm;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
position: absolute; position: absolute;
right: 15%; right: 15%;
@ -250,6 +254,7 @@ export default {
background: #ffffff; background: #ffffff;
width: 400px; width: 400px;
height: 60%; height: 60%;
min-height: $loginForm;
opacity: 0.3; opacity: 0.3;
z-index: 1; z-index: 1;
} }