在浏览器中查看你的组件,确保 el-dialog 正确地出现在按钮底下。如果位置不正确,你可能需要调整 CSS 中的 top、left 值或按钮的父元素样式。 如果位置不符合预期,进一步优化样式或属性设置: 如果弹窗的位置仍然不符合你的预期,你可能需要进一步检查按钮的父元素样式,或调整 el-dialog 的其他 CSS 属性(如 margin...
按照官网打开弹出窗想要的是这种效果 但自己出现的是下面这种,title跑中间了,body区唯一一个控件,也跑到下面了 设置el-dialog__header高度后,高度的确发生了变化,但是el-dialog__title的位置无论如何都不变 后来发现什么用户代理样式表,可能是浏览器的默认样式有影响,header{display:block},于是上网查了下,虽然按照...
到这个步骤为止,是大部分el-dialog的常规使用流程;从封面的动图可以看到,el-dialog是从被点击的图片位置出现的,而且弹窗出现后,原本的图片消失了。 这使得需要在show()获取被点击元素target来实现,这个不难获取,然后就是得到target的位置和大小,将el-dialog设为和target一样,接着使用上面用于执行动画的.animation-fa...
move.y=e.clientY-start.y// 初始位置 + 拖拽距离domDrag.style.marginLeft=(domset.x+move.x)+'px'domDrag.style.marginTop=(domset.y+move.y)+'px'}// 鼠标抬起,结束拖拽domDrag.onmouseup=(e)=>{move.x=e.clientX-start.x move.y=e.clientY-start.y// 记录新坐标,作为下次拖拽的初始位置doms...