微信小程序页面底部安全距离样式设置

在微信小程序中设置底部安全距离可以使用CSS中的padding-bottom属性。以下是一个示例CSS代码

/* 底部导航栏容器 */
.nav-bar {
  width: 100%;
  min-height: 50px; /* 底部导航栏高度 */
  background-color: #fff;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom)); /* 设置底部安全距离 */
}