|
@@ -11,8 +11,8 @@
|
|
@click="handleClick(i)">{{ item.name }}</div>
|
|
@click="handleClick(i)">{{ item.name }}</div>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="20">
|
|
<a-col :span="20">
|
|
- <img v-if="key" :src="img1" width="100%" alt="">
|
|
|
|
- <img v-else :src="img2" width="100%" alt="">
|
|
|
|
|
|
+ <img v-if="key" :src="img1" width="100%" alt="" >
|
|
|
|
+ <img v-else :src="img2" width="100%" alt="" @click="handleClickImg">
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
</a-card>
|
|
</a-card>
|
|
@@ -42,6 +42,11 @@ export default {
|
|
},
|
|
},
|
|
handleClick (i) {
|
|
handleClick (i) {
|
|
this.key = i
|
|
this.key = i
|
|
|
|
+ },
|
|
|
|
+ handleClickImg (e) {
|
|
|
|
+ console.log(e.offsetX, e.offsetY)
|
|
|
|
+ console.log(e.target.width, e.target.height)
|
|
|
|
+ // console.log(e.offsetX, e.offsetY)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|