mui iOS16.2版本中所有的选择器都有错位现象

iOS16.2版本使用选择器的时候，会出现错位现象

Dec 17 '22 07:12 jywangyou

有可供替换的库吗？这个项目官方都弃坑了，找个不管是用vant还是官方提供的uni-app都得换成vue框架，改动太大了。有没有什么开源库能只替换这个mui.datepicker 的?

Jan 03 '23 03:01 sunzcdev

.mui-ios-16.mui-ios-16-2 .mui-pciker-list{transform-origin-z: 0 !important;}

Jan 04 '23 05:01 fcl999

mui.picker.all.js 或 mui.picker.js 前增加，ios 16.2版本判断； var maches = userAgent.match(/iphone os ([\d_]+) /i); if (maches && maches.length >= 2 && maches[1] >= "16_2"){ return; } self.list.style.webkitTransformOrigin

Jan 05 '23 07:01 lj1045893704

有可供替换的库吗？这个项目官方都弃坑了，找个不管是用vant还是官方提供的uni-app都得换成vue框架，改动太大了。有没有什么开源库能只替换这个mui.datepicker 的?

下面两个老兄的方法都可以

Jan 05 '23 10:01 jywangyou

这个部分机型有问题建议改成translateY

css 注释 .mui-pciker-list li {/position: absolute;/} 所有的 preserve-3d

js calcElementItemPostion 函数删除循环中的 webkitTransformOrigin与webkitTransform 赋值 setAngle 函数 style.webkitTransform = "perspective(1000px) rotateY(0deg) rotateX(" + e + "deg)" 改成 list.style.webkitTransform = "translateY(-" + (e/20 * 36) + "px)"

Jan 17 '23 04:01 fcl999

如果你的系统无法通过 JavaScript 探测到操作系统或者浏览器版本（window.navigator.userAgent)，可以试试：

Tested in mui v3.4.0

@supports (font-variant-alternates: styleset(nice-style)) {
	/* Supported from Safari 16.2 */
	/* https://developer.apple.com/documentation/safari-release-notes/safari-16_2-release-notes */

	.mui-pciker-list {
		transform-origin-z: 0 !important;
	}
}