登录页基于Page调整

src/pages/login/index.jsx

@@ -7,6 +7,7 @@ import styles from './index.module.scss';
 import { login } from '@root/actions/app';
 import { useDispatch } from 'react-redux';
 import { isReqSuccess } from '@root/utils/tool';
+import Page from '@root/components/Page';
 
 const inputField = setter => ({ detail: { value } }) => setter(value);
 
@@ -37,7 +38,7 @@ export default function Login() {
   }, [account, password])
 
   return (
-    <View className={styles.main}>
+    <Page className={styles.main} wrapperClassName={styles.page}>
       <Text className={styles.logo}>LOCKING</Text>
       <YInput wrapperClassName={styles.inpWrapper} placeholder="请输入手机号或账号"
         value={account}
@@ -53,6 +54,6 @@ export default function Login() {
         {errText ? <Text>{errText}</Text>: null }
       </View>
       <AtButton className={styles.button} type="primary" onClick={onLogin}>登入</AtButton>
-    </View>
+    </Page>
   )
 }

src/pages/login/index.module.scss

@@ -1,10 +1,12 @@
+.page {
+  background-color: #32323C;
+  
+}
 .main {
   display: flex;
   align-items: center;
   flex-direction: column;
-  height: 100vh;
   padding: 150px 48px 0;
-  background-color: #32323C;
   color: #fff;
   box-sizing: border-box;
   .button {
@@ -14,6 +16,7 @@
     box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
   }
 }
+
 .logo {
   display: block;
   font-size: 26px * 2;