Layer弹窗PC版本在触屏设备上遇到的一些小问题

建议 未结
7 407
小D在么
小D在么 2017-12-26
悬赏:20飞吻
弹窗一般情况下很好用,在所有弹窗插件中也是数一数二的水平。
于是在新项目上果断用起来!
开发的页面是在触屏一体机上用的,但是开发环境是普通的PC机。
累死累活加班加点终于搞定,今天给客户做演示。
于是,发生了这样一幕:

我点X,怎么没关掉?这不可能,再点点!
XXXXX……X
终于关掉了,然后看到客户和老板一脸黑线。
在电容式触摸屏上右上角那个关闭按钮太难点了(可能是我手太粗吧)。
要是还有最大化最小化的按钮,那点错的概率大大增加。
于是我想了个损招,从CSS里将这个关闭按钮替换成了Unicode字符,并把它放大了一些:
.layui-layer-close::after {
font-family: layui-icon !important;
content: '\1006';
font-size: 32px;
}
.layui-layer-close {
background: none !important;
background-image: none !important;
font-family: layui-icon !important;
width: 32px !important;
height: 32px !important;
font-size: 32px;
}
用这个替换原来按钮用背景图片的模式可以随意放大缩小。
恩,由于项目不需要用到最大化最小化按钮,偷懒只换了关闭按钮。剩下的各位自己想办法啦!
回帖
本帖已设置禁止回复