uniapp-iPhoneXとiPhoneX Maxの底の小さな黒い棒が底のtabを遮る

1、template.h5.htmlにviewport-fit=coverを追加

2、Appで.vueにscssを導入

3、common.scssファイルでbodyスタイルを設定する

/* ：  iphoneX            tab     ：            env()   constant()       ，       。*/
/* #ifdef H5 */
body {
  padding-bottom: constant(safe-area-inset-bottom);/*    iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /*    iOS >= 11.2 */
}
/* #endif */