设置class  safe-padding

.safe-padding {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
}

底部view 设置 bottom

bottom: var(--window-bottom);

 结果如图