苹果手机小程序适配iphoneX以上的底部

    <view class="wrap-home" :style="{'padding-bottom': paddingBottomHeight + 120 + 'rpx' }">
  
  paddingBottomHeight: 0,


created() {
            let that = this;
            uni.getSystemInfo({
                success: function(res) {
                    let model = ['X', 'XR', 'XS', '11', '12', '13', '14', '15'];
                    model.forEach(item => {
                        //适配iphoneX以上的底部，给tabbar一定高度的padding-bottom
                        if (res.model.indexOf(item) != -1 && res.model.indexOf('iPhone') != -1) {
                            that.paddingBottomHeight = 40;
                        }
                    })
                }
            });
        },
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容