商品样式 优选

@@ -65,31 +65,45 @@
 
 	        <div class="goods">
 	        	<!--商品--->
-        	    <div class="goods-box">
-			        <ul class="cardlist card-large clearfix">
-			        	{{#each result.goods.data}}
-			            <li class="card">
-			                <div class="card-pic">
-			                    <a href="">
-			                    	<img class="lazy" data-original="{{image src 375 375}}">
-			                    </a>
-			                </div>
-			                <div class="card-bd">
-			                    <h2 class="card-label">
-			                        <a href="" class="line-clamp-2">{{item.productName}}</a>
-			                    </h2>
-			                    <span class="good-price old-price">¥ 100{{item.marketPrice}}</span>
-			                    <span class="good-price sale-price">¥ 200{{item.salesPrice}}</span>
-			                </div>
-			            </li>
-			            {{/each}}
-			        </ul>
-			        <div class="empty-tip">
-			            <i class="icon icon-search"></i>
-			            <p class="empty-tip-cn">未找到相关商品</p>
-			            <p class="empty-tip-en">Did not find the relevant goods</p>
-			        </div>
-			    </div>
+        	 <div class="goods-box" infinite-scroll-disable="disableFetch">
+    <ul class="cardlist card-large clearfix">
+        <li class="card">
+            <div class="card-pic">
+                <a href="/item/500318.html">
+                    <img lazy="loaded" src="http://img11.static.yhbimg.com/goodsimg/2016/08/03/20/014ed4df43fad04f72053a5ec46122b437.jpg?imageMogr2/thumbnail/372x499/extent/372x499/background/d2hpdGU=/position/center/quality/80" alt="大神单品店导入3大神单品店导入3大神单品店导入3">
+                </a>
+            </div>
+            <div class="card-bd">
+                <h2 class="card-label">
+                    <a class="line-clamp-2" href="/item/500318.html">大神单品店导入3大神单品店导入3大神单品店导入3</a>
+                </h2>
+                <span class="good-price old-price">¥ 30000</span>
+                <span class="good-price sale-price">¥ 1</span>
+            </div>
+        </li><li class="card">
+            <div class="card-pic">
+                <a href="/item/500082.html">
+                    <img lazy="loaded" src="http://img12.static.yhbimg.com/goodsimg/2016/08/01/20/02d112d336cbefefc157c2bd94bfd7cebc.jpg?imageMogr2/thumbnail/372x499/extent/372x499/background/d2hpdGU=/position/center/quality/80" alt="ooxx男T恤四级类目1">
+                </a>
+            </div>
+            <div class="card-bd">
+                <h2 class="card-label">
+                    <a class="line-clamp-2" href="/item/500082.html">ooxx男T恤四级类目1</a>
+                </h2>
+                <span class="good-price old-price">¥ 111</span>
+                <span class="good-price sale-price">¥ 110</span>
+            </div>
+        </li>
+    </ul>
+    <p class="cardlist--loading text-center" style="display: none;">正在加载...</p>
+    <p class="cardlist--end text-center" style="display: none;">--End--</p>
+    
+    <div class="empty-tip" style="display: none;">
+        <i class="icon icon-search"></i>
+        <p class="empty-tip-cn">未找到相关商品</p>
+        <p class="empty-tip-en">Did not find the relevant goods</p>
+    </div>
+</div>
 		    </div><!--/goods-->
 	    {{/if}}
 

@@ -187,6 +187,11 @@
             }
         }
 
+        .goods-box {
+            padding-bottom: 20px;
+            background-color: #fff;
+        }
+
         .cardlist {
             list-style: none;
             margin: 0;
@@ -196,7 +201,7 @@
         .card-large {
             .card {
                 float: left;
-                width: 372px;
+                width: 317px;
                 margin-right: 6px;
                 &:nth-child(2n) {
                     margin-right: 0;
@@ -204,7 +209,6 @@
             }
             .card-pic {
                 width: 100%;
-                height: 499px;
                 a,
                 img {
                     display: block;
@@ -213,9 +217,6 @@
                 }
             }
             .card-bd {
-                min-height: 180px;
-                margin-left: 30px;
-                margin-right: 30px;
                 padding-top: 25px;
                 text-align: center;
                 font-size: 24px;
@@ -238,7 +239,7 @@
                 text-decoration: line-through;
             }
             &.sale-price {
-                color: $red;
+                color: red;
             }
         }