feats

src/components/page/style.less

@@ -0,0 +1,5 @@
+
+.page-container {
+  margin: 24px;
+  margin-bottom: 0;
+}

src/layouts/page/style.less

@@ -1,9 +0,0 @@
-@pageSpace: 24px;
-
-.page-container {
-  background-color: #fff;
-  margin: @pageSpace;
-  margin-bottom: 0;
-  box-sizing: border-box;
-  padding: @pageSpace;
-}

src/pages/sample/form/index.jsx

@@ -9,9 +9,10 @@ import {
   InputNumber,
   Row,
   Select,
+  Card,
 } from 'antd';
 import React, { useState } from 'react';
-import Page from '@/layouts/page';
+import Page from '@/components/page';
 
 const { Option } = Select;
 const residences = [
@@ -136,6 +137,7 @@ const BasicForm = () => {
         prefix: '86',
       }}
       scrollToFirstError
+      style={{ background: '#fff', boxSizing: 'border-box', padding: '24px' }}
     >
       <Form.Item
         name="email"
@@ -348,4 +350,4 @@ const BasicForm = () => {
   );
 };
 
-export default () => <Page><BasicForm /></Page>;
+export default () => <Page><Card><BasicForm /></Card></Page>;