关于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 为单位，就不会出现残缺问题了。