From 4618ad67e4c2c9572700bf64f7dec9e8499dbc9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E5=B7=9E?= <wzszhengzhou@hotmail.com>
Date: Tue, 15 Jun 2021 15:43:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E5=9F=BA=E4=BA=8EPa?=
 =?UTF-8?q?ge=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/index.jsx         | 5 +++--
 src/pages/login/index.module.scss | 7 +++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/login/index.jsx b/src/pages/login/index.jsx
index a45ec2b..661c0aa 100644
--- a/src/pages/login/index.jsx
+++ b/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>
   )
 }
diff --git a/src/pages/login/index.module.scss b/src/pages/login/index.module.scss
index 6b85e7e..e9c586d 100644
--- a/src/pages/login/index.module.scss
+++ b/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;