如何实现仿QQ鼠标悬停效果

下图三张是图片，最后是效果图,如何实现点击QQ头像，出来个性签名界面，鼠标悬停。怎么把这图加进去。

在头像部分写一个鼠标浮动事件，鼠标移入移出控制一个变量isShowImg的值为true或者false，使用v-if="isShowImg"来控制图片的展示与隐藏

这个卡片你先做出来，相对对位头像，给头像添加悬浮事件，将卡片显示出来，再监听一个鼠标移出头像的事件，将卡片隐藏