无
- 发布:2023-02-07 17:05
- 更新:2023-02-24 09:45
- 阅读:582
产品分类: 其他/MUI
操作步骤:
预期结果:
无
无
实际结果:
无
无
bug描述:
用户使用的新机ios14系统出现日期组件日期展示错乱,无法正常选择时间,跟截图这种情况一致,ios14以下版本显示正常,请问这个bug如何修复???
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.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)