toolitp.md 745 B
弹框
::: details 目录 [[toc]] :::
绘制示例
源码
::: details 示例代码 <<< @/docs/.vuepress/components/tuopu/baseTopu8.vue :::
::: details tootip demo <<< @/docs/.vuepress/components/tuopu/tooltip.vue :::
源码解析
tootip的开发由于项目的多样性、此处只提供实现方式、底层暂无相应的类
// 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);
},