Commit 89c0da7c authored by 杨思琦's avatar 杨思琦

fix: 样式调整

parent 1bc2d271
Pipeline #66514 passed with stages
...@@ -22,6 +22,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -22,6 +22,7 @@ const Login = forwardRef((props, _ref) => {
const videoRef = useRef(); const videoRef = useRef();
const loginRef = useRef(); const loginRef = useRef();
const timeRef = useRef(); const timeRef = useRef();
const loginWrapper = useRef();
const titleRef = useRef(); const titleRef = useRef();
const sliVerify = useRef(); const sliVerify = useRef();
const loginFormRef = useRef(); const loginFormRef = useRef();
...@@ -136,6 +137,8 @@ const Login = forwardRef((props, _ref) => { ...@@ -136,6 +137,8 @@ const Login = forwardRef((props, _ref) => {
dom.addClass(footerRef.current, 'animate__slideInUp'); dom.addClass(footerRef.current, 'animate__slideInUp');
dom.removeClass(titleRef.current, styles.caseHide); dom.removeClass(titleRef.current, styles.caseHide);
dom.addClass(titleRef.current, 'animte__fadeInUp'); dom.addClass(titleRef.current, 'animte__fadeInUp');
dom.removeClass(loginWrapper.current, styles.caseHide);
dom.addClass(loginWrapper.current, 'animate__fadeInUp');
}, 500); }, 500);
}); });
} }
...@@ -235,22 +238,28 @@ const Login = forwardRef((props, _ref) => { ...@@ -235,22 +238,28 @@ const Login = forwardRef((props, _ref) => {
<span className={styles.dayofweek}>{currentDate.dayofweek}</span> <span className={styles.dayofweek}>{currentDate.dayofweek}</span>
<span className={styles.date}>{currentDate.date}</span> <span className={styles.date}>{currentDate.date}</span>
</div> </div>
<div <div className={classNames(
className={classNames( styles.loginBlockWrapper,
styles['login-block'], 'animate__animated',
styles['login-newYear-block'], styles.caseHide,
styles.caseHide, )} ref={loginWrapper}>
'animate__animated', <div
)} className={classNames(
ref={loginFormRef} styles['login-block'],
> styles['login-newYear-block'],
<div> styles.caseHide,
<img src="https://panda-water.cn/web4/assets/images/login/workflow/%E6%99%BA%E8%81%94%E6%96%B0%E6%98%A5%E5%9B%BE%E7%89%87.png" /> 'animate__animated',
)}
ref={loginFormRef}
>
<div>
<img src="https://panda-water.cn/web4/assets/images/login/workflow/%E6%99%BA%E8%81%94%E6%96%B0%E6%98%A5%E5%9B%BE%E7%89%87.png" />
</div>
<div className={styles['login-form']} style={{marginTop: '20px'}}>{renderPlatform()}</div>
</div> </div>
<div className={styles['login-form']} style={{marginTop: '20px'}}>{renderPlatform()}</div>
</div> </div>
</div> </div>
<div {/* <div
className={classNames( className={classNames(
styles.footerCase, styles.footerCase,
styles.caseHide, styles.caseHide,
...@@ -279,7 +288,7 @@ const Login = forwardRef((props, _ref) => { ...@@ -279,7 +288,7 @@ const Login = forwardRef((props, _ref) => {
</a> </a>
</span> </span>
</span> </span>
</div> </div> */}
<Modal <Modal
centered centered
visible={visible} visible={visible}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment