feat: 移动端添加首页，移动端添加忘记密码

src/pages/MobileJoin/MobileJoin.less

@@ -0,0 +1,60 @@
+.mobile-join-wrap {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: #15151D;
+
+    .header-box {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+
+        .muxi-box,
+        .muxi101-box {
+            font-size: larger;
+            color: #fff;
+            padding: 8px 16px;
+            font-weight: bold;
+        }
+
+        .muxi-box:hover,
+        .muxi101-box:hover {
+            color: #999;
+        }
+
+        .muxi-logo-box {
+            width: 20vw;
+
+            img {
+                width: 100%;
+            }
+        }
+    }
+
+    .join-pic-box {
+        width: 100%;
+        margin-top: 5vh;
+
+        img {
+            width: 100%;
+        }
+    }
+
+    .join-btn-box {
+        margin-top: 10vh;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+
+        .join-btn {
+            text-align: center;
+            font-size: x-large;
+            padding: 12px 72px;
+            font-weight: bold;
+            background-color: #FFC93F;
+            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+            border-radius: 20px 20px 20px 20px;
+        }
+    }
+}

src/pages/MobileJoin/MobileJoin.tsx

@@ -0,0 +1,35 @@
+import './MobileJoin.less';
+import muxistudio from '../../assets/muxistudio.png';
+import join from '../../assets/join.png';
+import { useNavigate } from 'react-router-dom';
+
+export default function MobileJoin() {
+  const navigate = useNavigate();
+
+  return (
+    <div className="mobile-join-wrap">
+      <div className="header-box">
+        <div className="muxi-box" onClick={() => window.open('https://m.muxi-tech.xyz/')}>
+          木犀官网
+        </div>
+        <div className="muxi-logo-box">
+          <img src={muxistudio} alt="" />
+        </div>
+        <div
+          className="muxi101-box"
+          onClick={() => window.open('https://muxi-studio.github.io/101/')}
+        >
+          木犀101
+        </div>
+      </div>
+      <div className="join-pic-box">
+        <img src={join} alt="" />
+      </div>
+      <div className="join-btn-box">
+        <span className="join-btn" onClick={() => navigate('/login')}>
+          加入我们
+        </span>
+      </div>
+    </div>
+  );
+}

src/pages/MobileSignIn/MobileSignIn.less

@@ -83,6 +83,23 @@
             }
         }
 
+        .forget-password-box {
+            width: 86vw;
+            text-align: right;
+            margin-top: 12px;
+            margin-bottom: -12px;
+            font-size: 14px;
+            color: #585E6D;
+
+            .box-content {
+                cursor: pointer;
+            }
+
+            .box-content:hover {
+                color: #999;
+            }
+        }
+
         .btn-box {
             margin-top: 64px;
             font-size: 20px;
@@ -105,4 +122,62 @@
         }
 
     }
+}
+
+.mobile-forget-password-modal {
+    display: flex;
+    flex-direction: column;
+
+    .email-box,
+    .password-box {
+        margin-top: 24px;
+        display: flex;
+        align-items: center;
+
+        .box-label {
+            width: 96px;
+            font-size: medium;
+            color: #505050;
+        }
+
+        .input-field {
+            font-size: medium;
+            width: 300px;
+        }
+    }
+
+    .verifyCode-box {
+        margin: 24px 0;
+        display: flex;
+        align-items: center;
+
+        .box-label {
+            width: 96px;
+            font-size: medium;
+            color: #505050;
+        }
+
+        .input-field {
+            font-size: small;
+            width: 100px;
+            margin-right: 16px;
+        }
+
+        .get-verifyCode-btn {
+            background-color: #ffaf24;
+            font-size: small;
+            color: #fff;
+            padding: 6px 8px;
+            border-radius: 8px;
+            cursor: pointer;
+        }
+
+        .countdown-box {
+            background-color: #808080;
+            font-size: small;
+            color: #fff;
+            padding: 6px 18px;
+            border-radius: 8px;
+        }
+    }
 }