uni-app 解决iPhoneX 小黑条适配问题

在入口文件 app.vue的css里加入

view {
      
        // 解决刘海屏
		// margin-top:20px;
		// margin-top:calc(constant(safe-area-inset-top));
		// margin-top:calc(env(safe-area-inset-top)+20px);

        //解决小黑条
        padding-bottom: constant(safe-area-inset-bottom);  /* 兼容 iOS < 11.2 */
       
        padding-bottom: env(safe-area-inset-bottom);  /* 兼容 iOS >= 11.2 */
 
    }

这里的view 相当于h5的body，不过因为是uni-app，body里写不生效的，这个坑 ，我已经踩完了，要在这里写哟~