Authored by htoo

fix(detail): 修复商品列表滑动的问题

@@ -56,7 +56,7 @@ @@ -56,7 +56,7 @@
56 56
57 <YohoActionSheet transfer v-if="showProductListAction" ref="productListAction" :full="true" :height="549"> 57 <YohoActionSheet transfer v-if="showProductListAction" ref="productListAction" :full="true" :height="549">
58 <CommentHeader>{{'文中商品'}}</CommentHeader> 58 <CommentHeader>{{'文中商品'}}</CommentHeader>
59 - <ProductGroup name="ArticleDetail" :article-id="data.articleId" :pos-id="0" :index="0" :thumb="thumb" :inline="false" :model="3" 59 + <ProductGroup class="product-list-wrapper" name="ArticleDetail" :article-id="data.articleId" :pos-id="0" :index="0" :thumb="thumb" :inline="false" :model="3"
60 v-if="productListData.length" :share="share" :data="productListData" :lazy="lazy"></ProductGroup> 60 v-if="productListData.length" :share="share" :data="productListData" :lazy="lazy"></ProductGroup>
61 </YohoActionSheet> 61 </YohoActionSheet>
62 </div> 62 </div>
@@ -286,4 +286,19 @@ export default { @@ -286,4 +286,19 @@ export default {
286 border-top: 1px solid #f0f0f0; 286 border-top: 1px solid #f0f0f0;
287 background-color: #f0f0f0; 287 background-color: #f0f0f0;
288 } 288 }
  289 +
  290 +.product-list-wrapper {
  291 + overflow-y: scroll;
  292 + overflow-x: hidden;
  293 + height: 900px;
  294 +
  295 + /deep/ .product-item {
  296 + margin: 0 !important;
  297 + }
  298 +
  299 + /deep/ .product-item-wrapper {
  300 + margin: 0 30px;
  301 + }
  302 +}
  303 +
289 </style> 304 </style>