[new feature] Sku: add preview-open、preview-close event (#3243)

This commit is contained in:
neverland
2019-04-30 09:40:33 +08:00
committed by GitHub
parent e7689c78d3
commit dec3de35fe
5 changed files with 32 additions and 25 deletions

View File

@@ -294,19 +294,19 @@ export default sfc({
onPreviewImage(indexImage) {
const index = this.imageList.findIndex(image => image === indexImage);
const cbParams = {
const params = {
index,
imageList: this.imageList,
indexImage
};
this.$emit('preview-on', cbParams);
this.$emit('open-preview', params);
ImagePreview({
images: this.imageList,
startPosition: index,
onClose: () => {
this.$emit('preview-close', cbParams);
this.$emit('close-preview', params);
}
});
},

View File

@@ -126,6 +126,8 @@ Vue.use(Sku);
| buy-clicked | Triggered when click buy button | data: Object |
| stepper-change | Triggered when stepper value changed | value: number |
| sku-selected | Triggered when select sku | { skuValue, selectedSku, selectedSkuComb } |
| open-preview | Triggered when open image preview | data: Object |
| close-preview | Triggered when close image preview | data: Object |
### Methods

View File

@@ -129,6 +129,8 @@ Vue.use(Sku);
| buy-clicked | 点击购买回调 | skuData: Object |
| stepper-change | 购买数量变化时触发 | value: number |
| sku-selected | 切换规格类目时触发 | { skuValue, selectedSku, selectedSkuComb } |
| open-preview | 打开商品图片预览时触发 | data: Object |
| close-preview | 关闭商品图片预览时触发 | data: Object |
### 方法