如何使用自定义叠加层制作照片网格（每张照片是一张卡片）。 当用户将鼠标悬停在照片上时，他会看到详细信息叠加层。 这样用户将可以看到照片及其详细信息。
我尝试通过“ Beautify”和“ Bootstrap-Vue”来做到这一点 却没有成功。
我要查找的示例：example website
答案 0 :(得分：1)
只需构建项目网格-使用引导程序“卡片”组件和网格系统对它们进行样式设置，使其成为网格。
然后只需将此自定义vue组件与v-for一起使用，然后在此元素上绑定@mouseover + @mouseleave即可更改悬停的属性的状态或任何您喜欢的名称。然后只需根据悬停状态更改组件中的文本或结构即可。
此处的简单演示： http://jsfiddle.net/e8y0hLps/