|
|
@@ -139,18 +139,20 @@ export default {
|
|
|
transform: rotate(160deg) scale(2.5);
|
|
|
}
|
|
|
.start-page {
|
|
|
- background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
- // position: absolute;
|
|
|
- // left: 0;
|
|
|
- // right: 0;
|
|
|
- // top: 0;
|
|
|
- // bottom: 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- padding: 20rpx 24rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- height: 100vh;
|
|
|
- box-sizing: border-box;
|
|
|
+ background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ height: calc(100vh + constant(safe-area-inset-bottom));
|
|
|
+ height: calc(100vh + env(safe-area-inset-bottom));
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 20rpx 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ z-index: 0;
|
|
|
.start-content {
|
|
|
padding: 28rpx;
|
|
|
box-sizing: border-box;
|