mui picker组件在 ios16.2 以上版本出现错位和遮挡问题

最新推荐文章于 2024-05-27 11:39:56 发布

小鹏啊～

最新推荐文章于 2024-05-27 11:39:56 发布

阅读量430

点赞数 2

文章标签：前端 ui

本文链接：https://blog.csdn.net/weixin_44287264/article/details/132740644

版权

mui picker组件在 ios16.2 以上版本出现错位和遮挡问题

问题展现在这里插入图片描述

在使用该 ui 控件的页面样式中加入

@supports (font-variant-alternates: styleset(nice-style)) {
		.mui-pciker-list {
			transform-origin-z: 0 !important;
		}
	}

在mui.picker.min.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) */
}