chore: 登录页面增加slogan

packages/app/src/pages/login/index.module.css

@@ -14,7 +14,10 @@
   padding: 60px 40px;
   background-color: rgb(255 255 255 / 86%);
   box-shadow: 31px 31px 62px #545353, -31px -31px 62px #848181;
-  transform: translateY(-50px);
+}
+
+.card-wrapper {
+  transform: translateY(-20px);
 }
 
 .lottie {
@@ -38,3 +41,12 @@
   left: 24px;
   width: 140px;
 }
+
+.slogan {
+  z-index: 99;
+  margin-bottom: 20px;
+  font-size: 30px;
+  font-weight: normal;
+  color: #333;
+  text-align: center;
+}

packages/app/src/pages/login/index.tsx

@@ -9,15 +9,20 @@ import logo from '@assets/images/iconLogo.png';
 
 const Login: FC = function () {
   return (
-    <main className={cla(['container', css.main])}>
-      <img src={logo} className={css.logo} />
-      <Card bordered={false} className={css.card}>
-        <div className={css.info}>
-          <Lottie animationData={LoginData} className={css.lottie} />
-          <LoginInfo />
-        </div>
-      </Card>
-    </main>
+    <>
+      <main className={cla(['container', css.main])}>
+        <img src={logo} className={css.logo} />
+        <section className={css.cardWrapper}>
+          <h2 className={css.slogan}>你特别，我来电，我们一起特来电！</h2>
+          <Card bordered={false} className={css.card}>
+            <div className={css.info}>
+              <Lottie animationData={LoginData} className={css.lottie} />
+              <LoginInfo />
+            </div>
+          </Card>
+        </section>
+      </main>
+    </>
   );
 };