5***@qq.com
5***@qq.com
  • 发布:2023-02-07 17:05
  • 更新:2023-02-24 09:45
  • 阅读:482

【报Bug】mui DtPicker 组件在ios14系统中出现错乱,不能选择时间

分类:MUI

产品分类: 其他/MUI

操作步骤:

预期结果:

实际结果:

bug描述:

用户使用的新机ios14系统出现日期组件日期展示错乱,无法正常选择时间,跟截图这种情况一致,ios14以下版本显示正常,请问这个bug如何修复???

2023-02-07 17:05 负责人:无 分享
已邀请:
龙兴凤举

龙兴凤举

mui.picker.css添加样式:
.mui-ios-16 .mui-ios-16-2 .mui-ios-16-3 .mui-ios-16-4 .mui-ios-16-5 .mui-pciker-list{
transform-origin-z: 0 !important;
}

1***@qq.com

1***@qq.com

总结下解决办法

出现滚动错行的解决办法:
mui.picker.min.js文件修改方案:
搜索u&&(e.list.style.webkitTransformOrigin="center center "+e.r+"px")},然后再u后添加一下内容
&&!(mui.os.ios&&mui.os.plus&&plus.os.version>="16.2")&&!((maches=d.match(/iphone os ([\d_]+) /))&&maches.length>=2&&maches[1]>="16_2")
mui.picker.css添加样式:
.mui-ios-16 .mui-ios-16-2 .mui-ios-16-3 .mui-ios-16-4 .mui-ios-16-5 .mui-pciker-list{
transform-origin-z: 0 !important;
}

出现选择项模糊的解决办法:
mui.picker.css修改样式:
.mui-picker-inner {
position: relative;
width: 100%;
height: 100%;
-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)
}

隐藏或删除
-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)

要回复问题请先登录注册