page { height: 100vh; display: flex; flex-direction: column; } .container { flex: 1; display: flex; flex-direction: column; background-color: #f5f5f5; } /* 自定义导航栏样式 */ .custom-navbar { background: #ffffff; padding-top: env(safe-area-inset-top); box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); z-index: 1000; } .navbar-content { display: flex; align-items: center; justify-content: space-between; height: 88rpx; padding: 0 20rpx; } .back-btn { width: 60rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; } .back-icon { font-size: 48rpx; color: #333; font-weight: bold; } .navbar-title { flex: 1; text-align: center; font-size: 32rpx; font-weight: bold; color: #333; } .navbar-right { width: 60rpx; } .scrollarea { flex: 1; overflow-y: hidden; padding: 20rpx; } .log-item { background: white; padding: 30rpx; border-radius: 10rpx; margin-bottom: 20rpx; text-align: center; font-size: 28rpx; color: #333; } .log-item:last-child { padding-bottom: env(safe-area-inset-bottom); }