更新页面首先相关 UI review by 黄敬囿

@@ -61,7 +61,7 @@ export default class FilterGroup extends Component {
                                     {
                                         list.filterName === '品牌' &&
                                         <View className={filterData[list.filterId] === item.itemId ? 'group-img actived' : 'group-img'} onClick={this.changeFilter.bind(this, item)}>
-                                            <Image src={getImgUrl(item.itemUrl, 140, 70)} className="img" mode="aspectFill"/>
+                                            <Image src={getImgUrl(item.itemUrl, 140, 70)} className="img" mode="aspectFit"/>
                                             <View className="text">{item.itemName}</View>
                                         </View>
                                     }

@@ -4,6 +4,9 @@
     padding: 0 5px;
     box-sizing: border-box;
     background: #fff;
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
 
     .tab-box {
         display: inline-block;
@@ -39,8 +42,8 @@
     .filter-btn {
         display: flex;
         align-items: center;
-        float: right;
         margin: 35px 40px 0;
+        line-height:96rpx;
 
         .text {
             font-family: PingFang-SC-Regular;

@@ -4,7 +4,7 @@
 
     .product-item {
         width: 374px;
-        height: 560px;
+        height: 500px;
         float: left;
         border-bottom: 1px solid #ddd;
         border-right: 1px solid #ddd;
@@ -15,24 +15,25 @@
         }
 
         .product-price {
+            height: 60px;
             text-align: left;
             font-family: DINAlternate-Bold;
             font-size: 28px;
             color: #000;
             letter-spacing: 0;
-            padding: 28px 0 0 40px;
-            display: inline-block;
+            margin-top: 28px;
+            margin-left: 40px;
+            display: block;
         }
 
         .product-img {
-            width: 374px;
-            height: 374px;
+            width: 300px;
+            height: 300px;
             display: block;
             margin: 0 auto;
         }
 
         .product-name {
-            width: 336px;
             display: block;
             font-family: SFProText-Regular;
             font-size: 28px;

@@ -22,7 +22,7 @@
     position: absolute;
     bottom: 0;
     background: #fff;
-    min-height: 720px;
+    max-height: 1000px;
     padding: 40px;
     box-sizing: border-box;
     z-index: 2;
@@ -93,8 +93,6 @@
         height: 120px;
         line-height: 120px;
         margin-top: 40px;
-        position: absolute;
-        bottom: 40px;
 
         &:after {
             border-radius: 0;