默认大小
image.png
悬浮变大
image.png
<div class="imgdiv" style="position:relative;top:-20px;">
<img width="80px" height="80px" :src="'/api/file/getImages/User_'+this.$store.state.user.userid+'.jpg?random='+Math.random()" onerror="this.src='../../static/img/png/default_portrait_48.png'" class="m--img-rounded m--marginless" alt="" />
</div>
.imgdiv img{
cursor: pointer;
transition: all 0.6s; //动画效果
}
.imgdiv img:hover{
transform: scale(1.6); //悬浮放大1.6倍
}
