修改一些样式

src/case/ShopApp/src/components/AddressPage/FormAddress.css

@@ -12,6 +12,9 @@ div.am-picker-popup-mask {
     height: 100%;
     width: 100%;
 }
+div.am-list-body{
+    background-color: transparent;
+}
 
 
 div.am-picker-popup-wrap ,div.am-picker-popup-wrap{

src/case/ShopApp/src/components/AddressPage/FormAddress.jsx

@@ -163,51 +163,54 @@ export default class FormAddress extends Component {
     //const { getFieldProps } = this.props.form;
     return (
       <div>
-        <form>
-          <List renderHeader={''} >
-            <InputItem
-              placeholder="姓名" 
-              value={this.state.name}
-              onChange={(e)=>{this.nameChange(e)}}
-            >收货人</InputItem>
-            <InputItem
-              type="phone"
-              placeholder="手机号码"
-              value={this.state.phone}
-              onChange={(e)=>{this.phoneChange(e)}}
-            >手机号码</InputItem>
-
-            <div className='pickerWrap' style={this.state.areaShow ? {}:{display:""}}>
-              <List style={{ backgroundColor: 'white' }} className="picker-list">
-                <Picker extra={this.state.province+this.state.city+this.state.area}
-                  data={district}
-                  title="Areas"
-                  onOk={e => console.log('ok', e)}
-                  onDismiss={e => this.areaChange(e)}
-                  onPickerChange={e=> this.areaChange(e)}
-                  indicatorStyle={{position:"absolute",bottom:"0",left:"0"}}
-                >
-                  <List.Item arrow="horizontal">点击选择地区</List.Item>
-                </Picker>
-              </List>
-            </div>
-            <InputItem
-              placeholder="详细地址"
-              value={this.state.detail}
-              onChange={(e)=>{this.detailChange(e)}}
-            >详细地址</InputItem>
-            <InputItem
-              type="number"
-              placeholder="邮编"
-              value={this.state.code}
-              maxLength={6}
-              onChange={(e)=>{this.codeChange(e)}}
-            >邮编</InputItem>
+        <div style={{marginTop:"50px"}}>
+        <List renderHeader={''} >
+        <InputItem
+          placeholder="姓名" 
+          value={this.state.name}
+          onChange={(e)=>{this.nameChange(e)}}
+        >收货人</InputItem>
+        <div style={{marginTop:"15px"}}></div>
+        <InputItem
+          type="phone"
+          placeholder="手机号码"
+          value={this.state.phone}
+          onChange={(e)=>{this.phoneChange(e)}}
+        >手机号码</InputItem>
+        <div style={{marginTop:"15px"}}></div>
+
+        <div className='pickerWrap' style={this.state.areaShow ? {}:{display:""}}>
+          <List style={{ backgroundColor: 'white' }} className="picker-list">
+            <Picker extra={this.state.province+this.state.city+this.state.area}
+              data={district}
+              title="Areas"
+              onOk={e => console.log('ok', e)}
+              onDismiss={e => this.areaChange(e)}
+              onPickerChange={e=> this.areaChange(e)}
+              indicatorStyle={{position:"absolute",bottom:"0",left:"0"}}
+            >
+              <List.Item arrow="horizontal">点击选择地区</List.Item>
+            </Picker>
           </List>
-          <Button type="primary" onClick={this.submit}>提交</Button><WhiteSpace />
-        </form>
-
-        
+        </div>
+        <div style={{marginTop:"15px"}}></div>
+        <InputItem
+          placeholder="详细地址"
+          value={this.state.detail}
+          onChange={(e)=>{this.detailChange(e)}}
+        >详细地址</InputItem>
+        <div style={{marginTop:"15px"}}></div>
+        <InputItem
+          type="number"
+          placeholder="邮编"
+          value={this.state.code}
+          maxLength={6}
+          onChange={(e)=>{this.codeChange(e)}}
+        >邮编</InputItem>
+      </List>
+      
+      <div style={{width:'100%',display:'flex',justifyContent:'center'}}><div style={{width:'256px'}}><Button type="primary" onClick={this.submit}>提交</Button></div></div>
+        </div>
       </div>
     )
   }

src/case/ShopApp/src/components/AddressPage/RadioAddress.css

@@ -18,6 +18,8 @@
     overflow: hidden;
     margin-top: 10px;
     border-bottom: 1px solid #d8d2d2;
+    background-color: #ffffff;
+    margin-bottom: 15px;
   }
 
   .left-icon{

src/case/ShopApp/src/components/HomePage/Cards.css

@@ -20,15 +20,17 @@ p{
 
 .rightsidebar{
     padding-left: 8px;
+    text-align: right;
 }
-.rightsidebar .p1,.rightsidebar .p2{
+
+.indexPage .rightsidebar .p1,.rightsidebar .p2{
     font-size: 14px;
-    text-align: left;
+    text-align: right !important;
 }
 
 
 .p3{
-    text-align: left;
+    text-align: right;
     margin-top: 60px;
 }
 .sidebar{
@@ -36,7 +38,7 @@ p{
     font-size: 14px;
     flex-grow: 1;
     width: 100px;
-    overflow: hidden;
+    
 }
 .bodyWrap{
     display: flex;

src/case/ShopApp/src/components/HomePage/Cards.jsx

@@ -48,7 +48,7 @@ class Cards extends Component{
                                                 </div>
                                             </div>
                                         </Card.Body>
-                                        <Card.Footer content="" extra={<div></div>} />
+                                        <Card.Footer content="" extra={<div></div>}/>
                                     </Card>
                                 {/*</Link>*/}
                                      <WhiteSpace size="lg" />

src/case/ShopApp/src/components/HomePage/HomePage.css

@@ -12,3 +12,8 @@
     background-color: #f5f5f5;
 }
 
+.homeWrap .am-card-header{
+    padding:1px 15px;
+}
+
+

src/case/ShopApp/src/components/HomePage/TabBarTop.jsx

@@ -11,10 +11,8 @@ class TabBarTop extends Component {
       //console.log('this.state.products',this.state.products)
       return (
         <div>
-          <WhiteSpace />
             <Tabs onChange={e=>this.props.tabChange(e)} tabs={this.props.tabs} renderTabBar={props => <Tabs.DefaultTabBar {...props} page={4} />}>
             </Tabs>
-          <WhiteSpace />
         </div>
       );
     }