| $header-height: calc(var(--status-bar-height) + 90rpx); | |
| $app-height: calc(var(--status-bar-height) + 70rpx); | |
| $header-app-height: calc(var(--status-bar-height) + 170rpx); | |
| 
 | |
| .se { | |
|   &-layout { | |
|     &-has-header { | |
|       padding-top: $header-height; | |
|     } | |
| 
 | |
|     &:has(.se-app) { | |
|       padding-top: $header-app-height; | |
| 
 | |
|       .se-header { | |
|         height: 100rpx; | |
|         padding-top: 0; | |
|         top: 70rpx; | |
|       } | |
|     } | |
|   } | |
| 
 | |
|   &-page { | |
|     padding: 20rpx; | |
|   } | |
| 
 | |
|   &-header { | |
|     width: 100%; | |
|     height: $header-height; | |
|     padding-top: var(--status-bar-height); | |
|     position: fixed; | |
|     left: 0; | |
|     top: 0; | |
|     z-index: 9; | |
|   } | |
| 
 | |
|   &-app { | |
|     width: 100%; | |
|     height: $app-height; | |
|     padding-top: var(--status-bar-height); | |
|     position: fixed; | |
|     left: 0; | |
|     top: 0; | |
|     z-index: 9; | |
|   } | |
| }
 |