Authored by QC-L

修复首页 image 尺寸不对溢出的问题

@@ -4,7 +4,9 @@ @@ -4,7 +4,9 @@
4 {{#each prdList}} 4 {{#each prdList}}
5 <div id="{{../../template_id}}" name="{{../../template_intro}}" class="product-item" data-product-skn="{{productSkn}}" 5 <div id="{{../../template_id}}" name="{{../../template_intro}}" class="product-item" data-product-skn="{{productSkn}}"
6 data-activity-id="{{activityId}}"> 6 data-activity-id="{{activityId}}">
7 - <img src="{{image2 defaultImages w=188 h=250 q=60 mode=3}}"></img> 7 + <view class="product-image-bg">
  8 + <img src="{{image2 defaultImages w=188 h=250 q=60 mode=3}}"></img>
  9 + </view>
8 <div class="product-name">{{brandName}}</div> 10 <div class="product-name">{{brandName}}</div>
9 <div class='product-price-wrap'> 11 <div class='product-price-wrap'>
10 <span class='product-price'>{{formatCollagePrice}}</span> 12 <span class='product-price'>{{formatCollagePrice}}</span>
@@ -17,6 +17,13 @@ @@ -17,6 +17,13 @@
17 } 17 }
18 } 18 }
19 19
  20 + .product-image-bg {
  21 + display: block;
  22 + width: 188px;
  23 + overflow: hidden;
  24 + height: 250px;
  25 + }
  26 +
20 .product-name { 27 .product-name {
21 text-align: center; 28 text-align: center;
22 font-size: 24px; 29 font-size: 24px;