1.div应该放在body里面,这是我放在body中的一个div里面的div
{{floatData.name}}
{{level(floatData.level)}}
{{floatData.intersectionStartRing}}环~{{floatData.intersectionEndRing}}环
{{floatData.estimatedViewStartTime}}-{{floatData.estimatedViewEndTime}}
2.效果图:移动到红色剑头的区域显示对应的消息
3.鼠标事件
:style="{left: item.sqrareLeft + 'px', width: item.width + 'px',zIndex: 88 + index}" :key='index' class="middleBoxBgmSquare"
:class="square(item.passState)">
methods里面的代码
// 信息显示层
dataDetails (e, data) {
this.floatData = data
this.floatLeft = e.clientX - 195 + 'px' // 减去外层div的left距离
this.floatTop = e.clientY - 55 + 'px'
this.isShow = 'inline-block'
},