fix(detail): 修复商品列表滑动的问题
Showing
1 changed file
with
16 additions
and
1 deletions
@@ -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> |
-
Please register or login to post a comment