fix: 样式调整

src/pages/user/login/template/baseLoginNewYear.js

@@ -22,6 +22,7 @@ const Login = forwardRef((props, _ref) => {
   const videoRef = useRef();
   const loginRef = useRef();
   const timeRef = useRef();
+  const loginWrapper = useRef();
   const titleRef = useRef();
   const sliVerify = useRef();
   const loginFormRef = useRef();
@@ -136,6 +137,8 @@ const Login = forwardRef((props, _ref) => {
               dom.addClass(footerRef.current, 'animate__slideInUp');
               dom.removeClass(titleRef.current, styles.caseHide);
               dom.addClass(titleRef.current, 'animte__fadeInUp');
+              dom.removeClass(loginWrapper.current, styles.caseHide);
+              dom.addClass(loginWrapper.current, 'animate__fadeInUp');
             }, 500);
           });
         }
@@ -235,22 +238,28 @@ const Login = forwardRef((props, _ref) => {
             <span className={styles.dayofweek}>{currentDate.dayofweek}</span>
             <span className={styles.date}>{currentDate.date}</span>
           </div>
-          <div
-            className={classNames(
-              styles['login-block'],
-              styles['login-newYear-block'],
-              styles.caseHide,
-              '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 className={classNames(
+            styles.loginBlockWrapper,
+            'animate__animated',
+             styles.caseHide,
+          )} ref={loginWrapper}>
+            <div
+                className={classNames(
+                styles['login-block'],
+                styles['login-newYear-block'],
+                styles.caseHide,
+                '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 className={styles['login-form']} style={{marginTop: '20px'}}>{renderPlatform()}</div>
           </div>
         </div>
-        <div
+        {/* <div
           className={classNames(
             styles.footerCase,
             styles.caseHide,
@@ -279,7 +288,7 @@ const Login = forwardRef((props, _ref) => {
             </a>
           </span>
         </span>
-        </div>
+        </div> */}
         <Modal
           centered
           visible={visible}