68素材站

uniapp中IOS端小程序底部黑线适配的方法

68素材 8885 0

解决方式:给底部导航一个安全值

.menu {	height: 50px;	
        border-top: 1px solid #f1f1f1;
	isplay: flex;
        width:100%;	
        position: fixed;	
        background-color: #fff;	bottom: 0;	
        /* 新增以下代码 */
	padding-bottom: constant(safe-area-inset-bottom);	
        padding-bottom: env(safe-area-inset-bottom);	
        box-sizing: content-box;
}

效果:Iphone X

QQ截图20220601225746.png

Android:

QQ截图20220601225717.png

发表评论 (已有0条评论

还木有评论哦,快来抢沙发吧~