easyui—window在vue-element-ui中的使用（坑）
2024-09-03 13:02:50
自己给自己挖的坑 ！！！
项目中，布局外层使用easyui框架中的window;内部显示内容的table使用element-ui框架，需求将window使用border-image作为边框，之后发现拉动窗口改变大小时鼠标作用不是特别灵敏，于是想要优化：
百度一圈发现博友建议使用定位来扩大鼠标的作用域；具体思路大致如下
table{
position:relative;
&::before{
content: '';
position: absolute;
top: -10px; right: -10px;
bottom: -10px; left: -10px;
}
}
使用该方法后不但没有达到想要的效果还出现了难以想象的后遗症：
查找了好久才发现人家原本的定位使用的是绝对定位，即窗口打开后就是在定义好的top和left对应的地方，而改成相对定位后是相对于本身来定位，top设置的n,则真正的top为本身高度h+n，不仅如此，同时打开两个window窗口时，第二个起总是一次往下排列，且只要拖动窗口，窗口就会往下掉。。。
城门失火殃及池鱼，表格下方的分页也成为受害者， 设置了上下左右四个方位的值后，el-pager（页码数）处于被凝固的状态，点不动，一开始以为是表格的层级太高将翻页遮住了，结果不是，就是上面伪类的锅。
经此一事，我才恍然大悟，不要随意更改原框架元素的定位，否则追悔莫及
最新文章
- sessionState详解
- sql获取时间
- 深入浅出OOP（一）: 多态和继承(早期绑定/编译时多态)
- 支持高并发的IIS Web服务器常用设置 II
- Bad apple for CSharp
- php global范例
- (转)iOS7界面设计规范(2) - UI基础 - iOS应用解析
- 分布式文件系统MooseFS安装步骤
- 无限递归的构造器和javap使用指南
- 积累的VC编程小技巧之按钮
- 如何解决Windows8.1(32bit&64bit)下Cisco VPN Client拨号时报442错误的问题
- awk运用
- kubernetes入门（01）kubernetes是什么？
- JAVA进阶16
- python中join()函数的使用方法
- 为什么入门首选C语言
- linux 修改hosts文件
- 提取win10默认锁屏壁纸
- RHEL7 利用单个物理网卡实现VLAN
- Climbing Stairs爬楼梯——动态规划