|
|
@ -26,18 +26,23 @@ export default { |
|
|
|
showPoint: {}, |
|
|
|
pointList: [], |
|
|
|
canvasWidth: 0, |
|
|
|
canvasHeight: 0 |
|
|
|
canvasHeight: 0, |
|
|
|
currentPoint: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toProductDetail () { |
|
|
|
this.$emit('clickProductDetail', { |
|
|
|
productId: this.productData.productId |
|
|
|
}) |
|
|
|
if (this.currentPoint.product) { |
|
|
|
this.$emit('clickProductDetail', { |
|
|
|
productId: this.currentPoint.product.productId, |
|
|
|
skuId: this.currentPoint.product.skuId, |
|
|
|
shopId: this.currentPoint.product.shopId |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 点击元素获取组件配置 |
|
|
|
handleClick(row, index) { |
|
|
|
console.log("handleClick"); |
|
|
|
this.currentPoint = row |
|
|
|
if(this.showPoint == row){ |
|
|
|
this.showPoint = null |
|
|
|
}else{ |
|
|
@ -47,7 +52,7 @@ export default { |
|
|
|
setParams (data, pointList) { |
|
|
|
this.interactionDiagramDetailData = data |
|
|
|
this.pointList = pointList |
|
|
|
|
|
|
|
|
|
|
|
const position = { |
|
|
|
height: 650, |
|
|
|
width: 900 |
|
|
@ -113,7 +118,7 @@ export default { |
|
|
|
padding: 0; |
|
|
|
transition: border-color .25s ease-in-out,opacity .25s ease-in-out,visibility .25s ease-in-out; |
|
|
|
width: 32px; |
|
|
|
|
|
|
|
|
|
|
|
&:after { |
|
|
|
background: #fff; |
|
|
|
border-radius: 50%; |
|
|
@ -174,7 +179,7 @@ export default { |
|
|
|
top: -100px; |
|
|
|
} |
|
|
|
.product-detail-bottom{ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.product-detail-left{ |
|
|
|
position: relative; |
|
|
|