## 弹框 ::: details 目录 [[toc]] ::: ### 绘制示例 ### 源码 ::: details 示例代码 <<< @/docs/.vuepress/components/tuopu/baseTopu8.vue ::: ::: details tootip demo <<< @/docs/.vuepress/components/tuopu/tooltip.vue ::: ### 源码解析 tootip的开发由于项目的多样性、此处只提供实现方式、底层暂无相应的类 ```js // 1. 通过事件夺取鼠标等的坐标值 // 2. 对dom对应的坐标进行调整 // 鼠标点击事件 示例demo onMousedown(item, e) { this.eqName = item.data.properties.localName; this.$refs.tip.$el.style.left = e[0].offsetX + "px"; this.$refs.tip.$el.style.top = e[0].offsetY + "px"; this.$emit("onMousedown", item, e); }, ```