愿随风丶飘雪
愿随风丶飘雪
  • 发布:2023-03-15 19:49
  • 更新:2023-07-12 12:04
  • 阅读:4147

mui的PopPicker和DtPickeri组件在IOS16.2 后选项会偏移的问题

分类:MUI

在苹果更新ios16.2后,很多用户反馈 picker选择不到对应的选项,经查找,发现是和执行的一段动画代码有关,可以修改 mui.picker.all.js 把这段css动画的代码去掉

修改前的mui.picker.all.js 代码

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

修改后的mui.picker.all.js 代码 根据评论区的提示 又加了判断

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";  
}

mui.picker.all.js 修改后 使用 uglifyjs 压缩为 mui.picker.min.js 然后在项目中使用可以解决
1.安装 uglifyjs

npm install uglify-js -g

2.压缩修改后的 mui.picker,all.js

uglifyjs mui.picker.all.js -m -c -o mui.picker.min.js 

附件为修改后的 mui.picker.all.js 和 mui.picker.min.js

4 关注 分享
Huiqi DCloud_iOS_XHY 1***@qq.com ke_huifeng

要回复文章请先登录注册

9***@qq.com

9***@qq.com

回复 L***@outlook.com :
16.4的问题解决了吗
2023-04-14 17:38
9***@qq.com

9***@qq.com

iOS16.4出现的问题怎么解决?
2023-04-14 17:38
L***@outlook.com

L***@outlook.com

回复 Huiqi :
iOS16.4出现的问题怎么解决?
2023-04-10 15:40
愿随风丶飘雪

愿随风丶飘雪 (作者)

回复 b***@21cn.com :
这段管用了吗?
2023-04-07 13:39
1***@qq.com

1***@qq.com

回复 愿随风丶飘雪 :
请问有解决方案了吗,作者
2023-03-30 16:02
Huiqi

Huiqi

愿随风丶飘雪:
因為可能有部分機userAgent取不到版本,修改為
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";
}

參考 https://www.cnblogs.com/yechangzhong-826217795/p/17043301.html
2023-03-30 15:54
b***@21cn.com

b***@21cn.com

回复 Huiqi :
.mui-ios-16 .mui-picker-inner,.mui-ios-17 .mui-picker-inner{
-webkit-mask-box-image: none;
}
2023-03-30 13:28
b***@21cn.com

b***@21cn.com

回复 Huiqi :
.mui-ios-16 .mui-picker-inner,.mui-ios-17 .mui-picker-inner{
-webkit-mask-box-image: none;
}.mui-ios-16 .mui-picker-inner,.mui-ios-17 .mui-picker-inner{
-webkit-mask-box-image: none;
}
2023-03-30 13:27
愿随风丶飘雪

愿随风丶飘雪 (作者)

回复 Huiqi :
我等看下源码 估计是颜色的问题
2023-03-30 10:05
Huiqi

Huiqi

回复 愿随风丶飘雪 :
請看此文章最後 2023-03-29 18:03 的圖片
https://ask.dcloud.net.cn/question/166223
2023-03-30 09:36