小程序解决底部遮挡点击事件_小程序image被覆盖无法点击

比如：
iphoneX的底部安全距离会遮挡页面

以下是 iphoneX 的手机屏幕

解决办法如下：
在需要的地方写上如下css样式（类名可以随意定）![在这里插入图片描述](https://img-blog.csdnimg.cn/20200403194738202.png#pic_center

// 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); 
}
1
2
3
4
5
6
7
8
9
10
11
12

如下是加安全距离和不加安全距离的显示