diff --git a/src/App.js b/src/App.js
index 821fc9532..49905dd3e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -137,14 +137,17 @@ class App extends Component {
this.unlisten = this.props.history.listen((location) => {
let newPathname = location.pathname.split('/')[1];
if (this.state.pathName !== newPathname) {
- this.setState({ pathType: '' });
+ // this.setState({ pathType: '' });
newPathname && this.getPathnameType(newPathname);
}
});
}
shouldComponentUpdate(nextProps, nextState) {
- // (!keyWord.includes(this.props.location.pathname.split('/')[1])) &&
+ if(!nextProps.location.pathname==='/'){
+ return true;
+ }
+ // 阻止个人与组织切换时(组件渲染)请求导致的404
if (nextProps.location.pathname.split('/')[1] !== this.props.location.pathname.split('/')[1] && nextState.pathType === this.state.pathType) {
return false;
} else {
diff --git a/src/AppConfig.js b/src/AppConfig.js
index bb5405c6f..665e85f0f 100644
--- a/src/AppConfig.js
+++ b/src/AppConfig.js
@@ -25,7 +25,7 @@ if (isDev) {
}
debugType = window.location.search.indexOf('debug=t') !== -1 ? 'teacher' :
window.location.search.indexOf('debug=s') !== -1 ? 'student' :
- window.location.search.indexOf('debug=a') !== -1 ? 'admin' : parsed.debug || ''
+ window.location.search.indexOf('debug=a') !== -1 ? 'admin' : parsed.debug || 'admin'
}
window._debugType = debugType;
export function initAxiosInterceptors(props) {
diff --git a/src/forge/Head/Header.js b/src/forge/Head/Header.js
index 33f2614e3..0d745f374 100644
--- a/src/forge/Head/Header.js
+++ b/src/forge/Head/Header.js
@@ -473,9 +473,9 @@ class NewHeader extends Component {
{
(settings && settings.common && settings.common.register) ?
publicNav ?
- 立即注册
+ 立即注册
:
- 注册
+ 注册
:""
}
diff --git a/src/modules/loginRegister/Login.jsx b/src/modules/loginRegister/Login.jsx
index f8206e03e..b5e930ba5 100644
--- a/src/modules/loginRegister/Login.jsx
+++ b/src/modules/loginRegister/Login.jsx
@@ -95,7 +95,7 @@ function Login(props){
)}
-
+
{getFieldDecorator('remember', {
valuePropName: 'checked',
diff --git a/src/modules/loginRegister/LoginRegisterPage.jsx b/src/modules/loginRegister/LoginRegisterPage.jsx
index b606e0575..200aba0b1 100644
--- a/src/modules/loginRegister/LoginRegisterPage.jsx
+++ b/src/modules/loginRegister/LoginRegisterPage.jsx
@@ -11,9 +11,9 @@ import '../loginRegister/LoginRegisterPage.scss';
function LoginRegisterPage(props){
return(
-
+
-
+
{window.location.href='/'}}>
@@ -22,6 +22,7 @@ function LoginRegisterPage(props){
+
)
}
diff --git a/src/modules/loginRegister/LoginRegisterPage.scss b/src/modules/loginRegister/LoginRegisterPage.scss
index 7113b49f9..53b0844b9 100644
--- a/src/modules/loginRegister/LoginRegisterPage.scss
+++ b/src/modules/loginRegister/LoginRegisterPage.scss
@@ -1,134 +1,138 @@
-.login_register{
- height: 100%;
+.loginRegister{
+ height: 100vh;
+}
+.clear{
+ clear: both;
}
.login_register_left,.login_register_right,.right_cont{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
+/*当页面宽度大于1000px*/
+@media screen and (min-width:1000px) {
+ .banner{
+ margin-top: 45vh;
+ height: auto;
+ }
+ .ball{ top: 51vh; }
+ .right_cont{width: 540px; }
+ .Register_content{top: 1em; }
+ .ResetPassword_content{top: 12vh; }
+}
+/*当页面宽度大于1280px*/
+@media screen and (min-width:1280px) {
+ .banner{ margin-top: 35vh; }
+ .ball{ top: 43vh; }
+}
+/*当页面宽度大于1680px*/
+@media screen and (min-width:1680px) {
+ .banner{ height: 460px; }
+ .ball{ top: 42vh; }
+ .right_cont{width: 580px; }
+ .Register_content{top: 8em; }
+ .ResetPassword_content{top: 16vh; }
+}
.login_register_left{
- display: flex;
- position: absolute;
- justify-content: center;
- width: 30%;
height: 100%;
background-image: url(./img/bg.png);
+ float: left;
+ width: 30%;
+ overflow: hidden;
.logo{
- height: 65px;
- margin-top: 160px;
+ width: 54%;
+ margin-left: 22%;
+ margin-top: 20%;
+ &:hover{cursor: pointer; }
}
.ball{
- height: 220px;
- z-index: 3;
position: absolute;
- bottom: 270px;
+ z-index: 2;
+ width: 14vw;
+ left: 7.5vw;
animation: moving2 10s linear infinite;
}
@keyframes moving2 {
- 0% {
- transform: rotate(0deg);
- }
- 50% {
- transform: rotate(180deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- .banner{
- height: 486px;
- position: absolute;
- bottom: -90px;
- left: 10px;
+ 0% { transform: rotate(0deg); }
+ 50% { transform: rotate(180deg); }
+ 100% { transform: rotate(360deg); }
}
}
.login_register_right{
- background-image: url(./img/rightBg.png);
- position: absolute;
- top: 0;
- left: 30%;
- right: 0;
height: 100%;
+ background-image: url(./img/rightBg.png);
.img1{
- position: relative;
- left: 130px;
- top: 50%;
+ width: 15vw;
+ margin-top: 40vh;
+ margin-left: 8vw;
}
.img2{
- position: relative;
- top: 65%;
- left: 550px;
+ width: 15vw;
+ margin-top: 60vh;
+ margin-left: 22vw;
}
.right_cont{
- width: 37.5rem;
position: absolute;
- top: 15%;
- left: 16%;
- z-index: 3;
+ z-index: 2;
+ left: 45vw;
+ padding: 2.5em 5em;
border-radius: 7px;
- background-color: white;
- padding: 55px 90px;
- & .register_tips{
- margin-top: -15px;
- padding-bottom: 8px;
- color: #808080;
- font-size: 13px;
- }
+ font-size: 15px;
& .login_register_head{
display: flex;
justify-content: space-between;
align-items: center;
&>span:first-child{
- font-size: 24px;
+ font-size: 1.5em;
font-weight: 600;
color: #000000;
- line-height: 33px;
- }
- & .ant-input{
- width: 19rem;
+ line-height: 1.5;
}
+ //注册页面的获取验证码输入框
+ & .ant-input{width: 18rem; }
}
- & .account{
- margin-top: 36px;
+ //第一个输入框
+ & .account{margin-top: 4vh; }
+ //所有的链接
+ & a{
+ color: #466AFF;
+ &:hover{opacity:0.8; }
}
+ //登录 注册 重置密码并登录按钮
& .login_register_cofBut{
+ font-size: 1em;
width: 100%;
- height: 44px;
+ height: 3.1em;
background: #466AFF;
border-color: #466AFF;
border-radius: 7px;
- margin-top: 20px;
- font-size: 15px;
+ margin-top: 2.5vh;
&:hover{
background: #3456E5;
border-color: #3456E5;
}
}
- & a{
+ //验证码一栏
+ .codeBut{
+ height: 3.1em;
+ background: #F7F7F7;
+ border-radius: 7px;
+ border: 1px solid rgba(167, 177, 200, 0.33);
+ width: 102px;
color: #466AFF;
- &:hover{
- opacity:0.8;
- }
+ font-size: 1em;
}
- & .link_span{
- font-weight: 500;
- font-size: 15px;
+ .codeBut.disable{
+ color: rgba(0, 0, 0, 0.25);
+ background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ }
+ //输入密码提示框
+ & .password_tips{
+ margin-top: -10px;
+ padding-bottom: 8px;
color: #808080;
- }
- & .ant-input{
- height: 44px;
- background-color: #F7F7F7 !important;
- font-size: 15px;
- color: #333333;
- &:hover{
- border-color:#466AFF;
- }
- }
- & .has-success .ant-input{
- background-color: #F7F7F7;
- }
- & .ant-form-explain{
- margin-top: 5px;
+ font-size: 0.9em;
}
& .message, .ant-form-explain{
color: #D40000;
@@ -136,7 +140,22 @@
}
& .message.active{
margin-bottom: -30px !important;
- margin-top: 10px;
+ }
+ //antd 输入框样式
+ & .ant-input{
+ height: 3.1em;
+ background-color: #F7F7F7 !important;
+ font-size: 1em;
+ color: #333333;
+ &:hover{border-color:#466AFF; }
+ }
+ & .ant-form-explain{
+ margin-top: 0.5vh;
+ margin-bottom: -10px;
+ }
+ //输入框
+ .ant-form-item{
+ margin-bottom: 15px;
}
//取消antd表单默认样式
.has-error .ant-input{
@@ -156,22 +175,19 @@
border-color: #466AFF;
}
}
+
+ //登录框样式
.login_content{
+ top: 18vh;
background-image: url(./img/loginBg.png);
- height: 480px;
- & .login_register_cofBut{
- margin-top: 0;
- }
- & .login_register_head{
- & checkbox{
- font-size: 15px;
- color: #3C476E;
- line-height: 21px;
- }
- & .goResetPsdBut{
- margin-top: -25px;
+ //下次自动登录&&忘记密码
+ & .login_register_head.login{
+ .ant-form-item{
+ margin-bottom: 0;
+ margin-top: -1vh;
}
}
+ //第三方登录
& .quick_logon{
text-align: center;
& .quick_logon_p{
@@ -180,7 +196,7 @@
}
& .startlogin{
position: relative;
- background: #dfe0f7;
+ background: #dee1f4;
display: block;
width: 90px;
top: -15px;
@@ -190,48 +206,28 @@
}
}
}
+
+ //注册框样式
.Register_content{
+ // top: 8em;
background-image: url(./img/registerBg.png);
& .register_last_form .ant-form-item-control{
line-height: 0.5;
}
+ & .login_register_cofBut{margin-top: 0.5vh; }
}
+
+ //找回密码框样式
.ResetPassword_content{
+ // top: 12vh;
background-image: url(./img/resetPasswordBg.png);
- height: 550px;
+ // height: 550px;
& .resetFailCaptcha{
position: absolute;
top: 25px;
color: #D40000;
font-size: 13px;
}
+ & .login_register_cofBut{margin-top: 1.5vh; }
}
- .codeBut{
- height: 45px;
- background: #F7F7F7;
- border-radius: 7px;
- border: 1px solid rgba(167, 177, 200, 0.33);
- margin-left: 14px;
- width: 102px;
- color: #466AFF;
- font-size: 15px;
- }
- .codeBut.disable{
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- }
-}
-.ant-message-notice-content{
- box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.11);
- border-radius: 10px;
- margin-top: 2rem;
- margin-left: 10%;
- font-size: 15px;
- & a{
- color: #466AFF;
- &:hover{
- opacity:0.8;
- }
- }
-}
+}
\ No newline at end of file
diff --git a/src/modules/loginRegister/Register.jsx b/src/modules/loginRegister/Register.jsx
index 7d32a2509..d9195837f 100644
--- a/src/modules/loginRegister/Register.jsx
+++ b/src/modules/loginRegister/Register.jsx
@@ -244,8 +244,9 @@ function Register(props){
})({document.getElementById("register_email").removeAttribute("readOnly")}} />)}
-
+
{getFieldDecorator('register_psd',{
@@ -273,7 +274,7 @@ function Register(props){
validateFirst: true,
})({document.getElementById("register_register_psd").removeAttribute("readOnly")}}/>)}
-
请输入8-16位密码,区分大小写、不能使用空格
+
请输入8-16位密码,区分大小写、不能使用空格
{getFieldDecorator('psdComfirm', {
diff --git a/src/modules/loginRegister/ResetPassword.jsx b/src/modules/loginRegister/ResetPassword.jsx
index 1147de8b9..cb7e01a44 100644
--- a/src/modules/loginRegister/ResetPassword.jsx
+++ b/src/modules/loginRegister/ResetPassword.jsx
@@ -198,8 +198,9 @@ function ResetPassword(props) {
})({document.getElementById("resetPassword_email").removeAttribute("readOnly")}} />)}
-
+
{getFieldDecorator('psd', {
@@ -227,7 +228,7 @@ function ResetPassword(props) {
validateFirst: true,
})({document.getElementById("resetPassword_psd").removeAttribute("readOnly")}} />)}
-
请输入8-16位密码,区分大小写、不能使用空格
+
请输入8-16位密码,区分大小写、不能使用空格
{getFieldDecorator('psdComfirm', {
diff --git a/src/modules/loginRegister/img/ball.png b/src/modules/loginRegister/img/ball.png
index e0b1aebfa..6fc87f9ef 100644
Binary files a/src/modules/loginRegister/img/ball.png and b/src/modules/loginRegister/img/ball.png differ
diff --git a/src/modules/loginRegister/img/banner.png b/src/modules/loginRegister/img/banner.png
index 17243f6da..d98445dae 100644
Binary files a/src/modules/loginRegister/img/banner.png and b/src/modules/loginRegister/img/banner.png differ
diff --git a/src/modules/loginRegister/img/bg.png b/src/modules/loginRegister/img/bg.png
index 9795223ea..a852dffae 100644
Binary files a/src/modules/loginRegister/img/bg.png and b/src/modules/loginRegister/img/bg.png differ
diff --git a/src/modules/loginRegister/img/contBg.png b/src/modules/loginRegister/img/contBg.png
index 4fd227608..a42ef47ef 100644
Binary files a/src/modules/loginRegister/img/contBg.png and b/src/modules/loginRegister/img/contBg.png differ
diff --git a/src/modules/loginRegister/img/loginBg.png b/src/modules/loginRegister/img/loginBg.png
index d704d2578..dd27ee13b 100644
Binary files a/src/modules/loginRegister/img/loginBg.png and b/src/modules/loginRegister/img/loginBg.png differ
diff --git a/src/modules/loginRegister/img/logo.png b/src/modules/loginRegister/img/logo.png
index ac07686b7..608b265b1 100644
Binary files a/src/modules/loginRegister/img/logo.png and b/src/modules/loginRegister/img/logo.png differ
diff --git a/src/modules/loginRegister/img/registerBg.png b/src/modules/loginRegister/img/registerBg.png
index 8c34bfb1e..8f75f79e8 100644
Binary files a/src/modules/loginRegister/img/registerBg.png and b/src/modules/loginRegister/img/registerBg.png differ
diff --git a/src/modules/loginRegister/img/resetPasswordBg.png b/src/modules/loginRegister/img/resetPasswordBg.png
index fe5aae02e..0c46fa46a 100644
Binary files a/src/modules/loginRegister/img/resetPasswordBg.png and b/src/modules/loginRegister/img/resetPasswordBg.png differ