
.page-wrapper {
  position: relative;
  width: 100%;
  box-sizing: content-box;
  height: calc(100% - env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);

  .page-conatiner {
    width: 100%;
    height: 100%;

    &.with-tabbar {
      overflow-y: scroll;
      // height: calc(100% - var(--tabbar-height, 100rpx));
      padding-bottom: var(--tabbar-height, 100rpx);
    }

    .pdm-space {
      height: var(--main-space);
    }
  }

  .page-tabbar {
    flex: none;
  }

  .loading {
    position: fixed;
    background: #f8f8f8;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    display: grid;
    place-items: center;
  }
}
