|
@@ -1,11 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<div class="bg">
|
|
<div class="bg">
|
|
<!-- <header class="login-header">
|
|
<!-- <header class="login-header">
|
|
- <img v-if="!jwptCustomize" src="../assets/images/login_footer_logo.jpg" />
|
|
|
|
- <img v-else src="../assets/images/new_login_logo.png" />
|
|
|
|
- <span class="qm-logo-text" v-if="!jwptCustomize">考试云平台</span>
|
|
|
|
- <span class="qm-logo-text" v-else>{{ title }}</span>
|
|
|
|
- </header> -->
|
|
|
|
|
|
+ <img v-if="!jwptCustomize" src="../assets/images/login_footer_logo.jpg" />
|
|
|
|
+ <img v-else src="../assets/images/new_login_logo.png" />
|
|
|
|
+ <span class="qm-logo-text" v-if="!jwptCustomize">考试云平台</span>
|
|
|
|
+ <span class="qm-logo-text" v-else>{{ title }}</span>
|
|
|
|
+ </header> -->
|
|
|
|
|
|
<main class="login-main">
|
|
<main class="login-main">
|
|
<!-- <img class="left_tree" src="../assets/images/login_main_left_tree.png" /> -->
|
|
<!-- <img class="left_tree" src="../assets/images/login_main_left_tree.png" /> -->
|
|
@@ -181,15 +181,15 @@ export default {
|
|
background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
}
|
|
/* .login-header {
|
|
/* .login-header {
|
|
- font-family: "Microsoft YaHei";
|
|
|
|
- width: 990px;
|
|
|
|
- height: 80px;
|
|
|
|
- background-color: #fff;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-items: center;
|
|
|
|
-} */
|
|
|
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
|
+ width: 990px;
|
|
|
|
+ height: 80px;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-items: center;
|
|
|
|
+ } */
|
|
|
|
|
|
.qm-logo-text {
|
|
.qm-logo-text {
|
|
font-size: 36px;
|
|
font-size: 36px;
|
|
@@ -218,7 +218,7 @@ export default {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100vh;
|
|
height: 100vh;
|
|
/* min-width: 990px;
|
|
/* min-width: 990px;
|
|
- min-height: 550px; */
|
|
|
|
|
|
+ min-height: 550px; */
|
|
/* background-image: url("../assets/images/login_main_bg_full.png"); */
|
|
/* background-image: url("../assets/images/login_main_bg_full.png"); */
|
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -228,14 +228,14 @@ export default {
|
|
/* justify-content: space-evenly; */
|
|
/* justify-content: space-evenly; */
|
|
}
|
|
}
|
|
/*
|
|
/*
|
|
-.left_tree {
|
|
|
|
- height: 500px;
|
|
|
|
-} */
|
|
|
|
|
|
+ .left_tree {
|
|
|
|
+ height: 500px;
|
|
|
|
+ } */
|
|
|
|
|
|
.right_login {
|
|
.right_login {
|
|
/* width: 420px;
|
|
/* width: 420px;
|
|
- background-color: #fff;
|
|
|
|
- border-radius: 16px; */
|
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ border-radius: 16px; */
|
|
/* box-shadow: 0 13px 29px #0d3b5d; */
|
|
/* box-shadow: 0 13px 29px #0d3b5d; */
|
|
|
|
|
|
width: 520px;
|
|
width: 520px;
|
|
@@ -250,7 +250,7 @@ export default {
|
|
|
|
|
|
.right_login h1 {
|
|
.right_login h1 {
|
|
/* font-size: 34px;
|
|
/* font-size: 34px;
|
|
- color: #fff; */
|
|
|
|
|
|
+ color: #fff; */
|
|
/* text-shadow: 0 8px 13px #0d72ac; */
|
|
/* text-shadow: 0 8px 13px #0d72ac; */
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
|
|
@@ -266,10 +266,10 @@ export default {
|
|
margin: 40px 0;
|
|
margin: 40px 0;
|
|
|
|
|
|
/* border-top: 16px solid #3c8dbc;
|
|
/* border-top: 16px solid #3c8dbc;
|
|
- border-radius: 16px 16px 0 0; */
|
|
|
|
|
|
+ border-radius: 16px 16px 0 0; */
|
|
/* background-color: #3c8dbc; */
|
|
/* background-color: #3c8dbc; */
|
|
/* padding: 10px;
|
|
/* padding: 10px;
|
|
- margin: 0; */
|
|
|
|
|
|
+ margin: 0; */
|
|
}
|
|
}
|
|
|
|
|
|
.right_login .username {
|
|
.right_login .username {
|
|
@@ -289,7 +289,7 @@ export default {
|
|
height: 46px;
|
|
height: 46px;
|
|
/* border-bottom: 1px solid #999; */
|
|
/* border-bottom: 1px solid #999; */
|
|
/* margin: 30px 0 0 50px;
|
|
/* margin: 30px 0 0 50px;
|
|
- padding-bottom: 5px; */
|
|
|
|
|
|
+ padding-bottom: 5px; */
|
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -320,7 +320,7 @@ export default {
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
width: 100%;
|
|
width: 100%;
|
|
/* width: 320px;
|
|
/* width: 320px;
|
|
- height: 60px; */
|
|
|
|
|
|
+ height: 60px; */
|
|
background-color: #4d7cc4;
|
|
background-color: #4d7cc4;
|
|
font-size: 25px;
|
|
font-size: 25px;
|
|
color: #fff;
|
|
color: #fff;
|