关于uniapp小程序在苹果手机会出现的问题

笔记

1、uni-app 底部安全距离问题

参考uni-app底部安全距离遮挡以及底部tabbar距离

// ios底部安全距离-padding
.savepadding{
    padding-bottom: constant(safe-area-inset-bottom);  
    padding-bottom: env(safe-area-inset-bottom); 
    box-sizing: content-box;
}

// ios底部安全距离-bottom
.savebottom{
    bottom: constant(safe-area-inset-bottom);  
    bottom: env(safe-area-inset-bottom); 
}

注意事项:采用padding-bottom方式时,如果未生效,可以查看一下同级class是否也设置了padding,box-sizing亲测可以改。

2、关于点击popup 弹出层会穿透到下面的input和textarea上调起输入框问题

这是微信的bug,可以给input和textarea绑定一个disabled,当弹出层出现时,可以把它们禁用

3、边框显示不全的问题

原因:对于边框 border 来说 少于1px 就会显示不正常。在设置比边框 border 时尽量使用px 为单位,就不会出现残缺问题了。

你可能感兴趣的:(uni-app学习,笔记,小程序,微信小程序,iphone)