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('captcha', { rules: [{ required: true, @@ -256,8 +257,8 @@ function Register(props){ {document.getElementById("register_captcha").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('captcha', { rules: [{ required: true, @@ -210,8 +211,8 @@ function ResetPassword(props) { {document.getElementById("resetPassword_captcha").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