点击图片放大再点击变小(超简单)
效果图:
这和那个点击图片向左位移再点击返回原处有区别么。。写那么多还要花币下载。。。
<a v-on:click="show = !show">
<img :class="{jy:show,jy2:!show}" src="/static/bh/jy.png">
</a>
data里面默认show为true
data: function() {
return {
show: true,
};
},
样式部分:
.jy {
position: absolute;
width: 200px;
top: 200px;
left: 30px;
transition-duration: 1.5s;
}
.jy2 {
position: absolute;
width: 300px;
top: 200px;
left: 30px;
transition-duration: 1.5s;
}