Authored by yyq

fix product scroll

... ... @@ -115,6 +115,7 @@ export default {
&.single {
width: 690px;
margin-right: 0;
}
}
... ...
<template>
<div class="product-group">
<ProductGroupItem
v-for="(product, inx) in data"
:share="share"
:thumb="thumb"
:single="single"
:product="product"
:article-id="articleId"
:pos-id="posId"
:lazy="lazy"
:index="index"
:key="inx">
</ProductGroupItem>
<div class="product-group-scroll">
<ProductGroupItem
v-for="(product, inx) in data"
:share="share"
:thumb="thumb"
:single="single"
:product="product"
:article-id="articleId"
:pos-id="posId"
:lazy="lazy"
:index="index"
:key="inx">
</ProductGroupItem>
</div>
</div>
</template>
... ... @@ -51,11 +53,16 @@ export default {
<style lang="scss" scoped>
.product-group {
height: 182px;
margin: 40px 0;
overflow-y: hidden;
}
.product-group-scroll {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
height: 180px;
margin: 40px 0;
height: 220px;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
... ...