Authored by Aiden Xu

商品详情

... ... @@ -47,6 +47,7 @@
max-height: 60px;
font-weight: 300;
}
h4 {
color: #b0b0b0;
font-weight: 200;
... ... @@ -54,16 +55,19 @@
margin-top: 32px;
margin-bottom: 0;
}
.image-box {
width: 90px;
height: 120px;
display: inline-block;
}
.text-box {
display: inline-block;
margin-left: 24px;
max-width: 512px;
}
}
hr {
... ... @@ -88,12 +92,14 @@
}
section {
h4 {
margin: 0;
font-size: 25px;
line-height: 80px;
display: inline-block;
}
}
.add-to-cart {
... ... @@ -105,6 +111,7 @@
&.slide-in {
transform: translate3d(0, 0, 0);
}
}
</style>
<script>
... ... @@ -190,7 +197,8 @@
return {
text: size.sizeName,
value: size.goodsSizeSkuId,
disabled: size.goodsSizeStorageNum === 0
disabled: size.goodsSizeStorageNum === 0,
goodsId: size.goodsId
};
});
... ... @@ -300,10 +308,28 @@
this.onAddToCart(this.selection, this.entity.pid);
},
getSelection() {
// this.sizes =
return {
getFullSelection() {
let size;
this.sizes.forEach((item)=> {
if (item.value === this.selection.size) {
size = item;
}
});
let color;
this.colors.indexOf((item)=> {
if (item.value === this.selection.color) {
color = item;
}
});
return {
size: size,
color: color,
productId: this.entity.id
};
}
}
... ...