mui picker无法滑动和选项遮挡问题修复

1.无法滑动
mui.picker.js
更改前

if (isIos) {  
    self.list.style.webkitTransformOrigin = "center center " + self.r + "px";  
}

更改后

if (isIos) {  
    if (mui.os.ios && mui.os.plus && plus.os.version >= "16.2") {  
        return;  
    }  
    var maches = userAgent.match(/iphone os ([\d_]+) /i);  
    if (maches && maches.length >= 2 && maches[1] >= "16_2"){  
        return;  
    }  
    self.list.style.webkitTransformOrigin = "center center " + self.r + "px";  
}

2.选项遮挡
mui.picker.css
更改前

.mui-picker-inner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
}

更改后

.mui-picker-inner {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
   /*  注释IOS遮挡
   -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);*/
}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值