UI验收问题修改 — review by 李其昌

@@ -4,7 +4,7 @@
 
     .product-item {
         width: 374px;
-        height: 500px;
+        height: 560px;
         float: left;
         border-bottom: 1px solid #ddd;
         border-right: 1px solid #ddd;

@@ -11,14 +11,14 @@
     }
 
     .scrollview {
-        height: 188px;
+        height: 210px;
         text-align: left;
         margin-top: 20px;
         white-space: nowrap;
 
         .item {
             width: 168px;
-            height: 188px;
+            height: 210px;
             display: inline-block;
             text-align: center;
         }
@@ -34,6 +34,7 @@
             line-height: 40px;
             color: #000;
             letter-spacing: 0;
+            // margin-bottom: 20rpx;
         }
     }
 }
\ No newline at end of file

 import Taro, {Component} from '@tarojs/taro';
 import {View} from '@tarojs/components';
-import searchIcon from '../../static/images/search.png';
+import searchIcon from '../../static/images/gray_search@3x.png';
 
 import './index.scss';
 
@@ -21,7 +21,7 @@ export default class SearchBar extends Component {
         return (
             <View className={classname + ' search'}>
                 <Image src={searchIcon} className="search-icon"/>
-                <Input type='text' placeholder='search' value={value ? value : ''} onInput={this.props.onInputAction} onConfirm={this.props.onComplate}/>
+                <Input type='text' placeholder='Search' value={value ? value : ''} onInput={this.props.onInputAction} onConfirm={this.props.onComplate}/>
             </View>
         )
     }

@@ -5,7 +5,7 @@
     align-items: center;
     background: #f5f5f5;
     border-radius: 6px;
-    margin-top: 18px;
+    margin-top: 12px;
     font-family: SFProText-Regular;
     font-size: 34px;
     color: #000;

 .search-item {
-    margin-top: 60px;
+    margin-top: 48px;
     width: 670px;
     .title {
         font-family: PingFang-SC-Medium;
+        font-weight: bold;
         font-size: 40px;
         color: #000;
         display: flex;
@@ -10,7 +11,8 @@
         align-items: flex-end;
         .removeSearch {
             color: #999;
-            font-size: 30px;
+            font-size: 32px;
+            font-weight: 400;
         }
     }
 

@@ -29,25 +29,27 @@
 
     .title {
         font-family: PingFang-SC-Medium;
+        font-weight: 500;
         font-size: 32px;
         color: #000;
+        margin-bottom: 38px;
     }
 
     .size-list {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
-        margin-top: 20px;
+        margin-top: 38px;
         border-left: 1px solid #ddd;
+        border-top: 1rpx solid #ddd;
 
         .size-item {
-            border-top: 1rpx solid #ddd;
             border-right: 1px solid #ddd;
             border-bottom: 1px solid #ddd;
             box-sizing: border-box;
             text-align: center;
             width: 20%;
-            height: 130px;
+            height: 134px;
             display: flex;
             flex-direction: column;
             align-items: center;
@@ -89,6 +91,7 @@
         width: 670px;
         border-radius: 0 !important;
         background: #08304B;
+        font-size: 28px;
         color: #fff;
         height: 120px;
         line-height: 120px;

@@ -23,7 +23,7 @@ export default class Index extends Component {
 		this.state = {
 			tabs: [
 				{
-					text: '热门推荐',
+					text: '推荐',
 					type: 0
 				},
 				{

@@ -383,14 +383,14 @@ export default class ProductDetail extends Component {
                         return (
                             <View className="product-info" key={item.text}>
                                 <Text className="lable">{item.text}</Text>
-                                <Text className="value">{item.value}</Text>
+                                <Text className={item.text==='发货时间' ? "value number" : "value"}>{item.value}</Text>
                             </View>
                         )
                     })
                 }
 
                 <View className="product-dec">
-                    正品保障<Text className="c"></Text>专业鉴定<Text className="c"></Text>银联担保
+                    正品保障<Text className="c"></Text> 专业鉴定<Text className="c"></Text> 银联担保
                 </View>
 
                 <View className="recommend-goods">

@@ -9,14 +9,17 @@
         line-height: 88px;
         text-align: right;
         padding-right: 40px;
-        font-family: PingFang-SC-Regular;
+        font-family: DINAlternate-Bold;
+        font-weight: 500;
         font-size: 28px;
         color: #000;
     }
 
     .swiper-img {
-        width: 750px;
-        height: 750px;
+        margin-left: 76rpx;
+        margin-top: 76rpx;
+        width: 600px;
+        height: 600px;
     }
 
     .product-ctr {
@@ -62,13 +65,14 @@
         text-align: center;
         line-height: 56px;
         margin-top: 30px;
+        margin-bottom: 30px;
     }
 
     .product-info {
         width: 670px;
         height: 120px;
         margin: 0 auto;
-        border-bottom: 1px solid #eee;
+        border-bottom: 2px solid #eee;
         display: flex;
         align-items: center;
 
@@ -90,6 +94,10 @@
             color: #000;
             text-align: right;
         }
+
+        .number {
+            font-family: DINAlternate-Bold;
+        }
     }
 
     .product-dec {
@@ -105,7 +113,7 @@
         color: #000;
 
         .c:before{
-            content: "\00D7";
+            content: "X";
             display: inline-block;
             margin: 0 8px;
             font-size: 32px;

@@ -113,7 +113,7 @@ export default class Search extends Component {
 				upperThreshold='20'
 				onScrolltoupper={this.onScrolltoupper}
 				onScroll={this.onScroll}>
-				<PageTitle pageTitle="搜索"></PageTitle>
+				{/* <PageTitle pageTitle="搜索"></PageTitle> */}
 
 				<View className={this.fixed ? 'fixed search-out-box' : 'search-out-box'}>
 					<SearchBar onComplate={this.onComplate} value={value}></SearchBar>