Fix account item style

src/components/AccountItem/style.less

@@ -4,11 +4,13 @@
 .item {
   background-color: #fff;
   padding: 10px 20px;
+  border: 1px solid lighten(@primary-color, 40%);
   display: flex;
   flex-direction: row;
   align-items: center;
   transition: background-color .2s;
   user-select: none;
+  border-radius: 8px;
 
   &:active {
     background-color: @bg-color;

src/pages/account/index.tsx

@@ -47,6 +47,7 @@ const AccountPage: React.FC<DispatchProp & UserModelState> = ({
           message={user.phone}
         />
         <AccountItem
+          className="group"
           title="account.email"
           message={user.email}
         />
@@ -55,9 +56,11 @@ const AccountPage: React.FC<DispatchProp & UserModelState> = ({
           title="account.loginPwd"
         />
         <AccountItem
+          className="group"
           title="account.fundPwd"
         />
         <AccountItem
+          className="group"
           title="account.factor"
         />
         <Button

src/pages/account/style.less

@@ -11,7 +11,6 @@
 }
 
 .content {
-  background-color: @bg-color;
   flex-grow: 1;
   overflow: auto;
   display: flex;
@@ -20,7 +19,7 @@
 
   :global {
     .group {
-      margin-top: 8px;
+      margin: 8px;
     }
   }
 }

src/pages/check/model.ts

@@ -68,7 +68,6 @@ const model: Model = {
 
     *load(_, { call, put, all }) {
       yield put({ type: 'onUpdatePageState', payload: PageState.Pending });
-      yield delay(800);
 
       try {
         const areacodes = yield call(getAreaCodes);

src/pages/system/style.less

@@ -11,7 +11,6 @@
 }
 
 .content {
-  background-color: @bg-color;
   flex-grow: 1;
   overflow: auto;
   display: flex;
@@ -20,7 +19,7 @@
 
   :global {
     .group {
-      margin-top: 8px;
+      margin: 8px;
     }
   }
 }