| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- .step-container.data-v-2ad47190 {
- min-height: 100vh;
- background-color: #FFFFFF;
- display: flex;
- flex-direction: column;
- border-top: none;
- margin-top: -1px;
- /* 向上微移以盖住 native 导航栏底部的细线 */
- position: relative;
- z-index: 10;
- }
- .header-area.data-v-2ad47190 {
- padding: 20rpx 40rpx 30rpx;
- background-color: #FFFFFF;
- border: none;
- }
- .header-area .main-title.data-v-2ad47190 {
- font-size: 38rpx;
- font-weight: 600;
- color: #1A1A1A;
- margin-bottom: 16rpx;
- }
- .header-area .sub-title.data-v-2ad47190 {
- font-size: 28rpx;
- color: #888888;
- line-height: 1.6;
- }
- .content-area.data-v-2ad47190 {
- padding: 0 40rpx;
- }
- .footer-area.data-v-2ad47190 {
- padding: 20rpx 40rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 20rpx;
- /* 显著减小间距,使按钮上移 */
- margin-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
- }
- .footer-area .btn-next.data-v-2ad47190 {
- width: 100%;
- height: 88rpx;
- line-height: 88rpx;
- background-color: #1F6CFF;
- color: #FFFFFF;
- font-size: 32rpx;
- font-weight: 500;
- border-radius: 44rpx;
- margin-bottom: 30rpx;
- }
- .footer-area .btn-next.data-v-2ad47190:active {
- opacity: 0.8;
- }
- .footer-area .btn-next.data-v-2ad47190::after {
- border: none;
- }
- .footer-area .btn-skip.data-v-2ad47190 {
- font-size: 28rpx;
- color: #666666;
- padding: 10rpx 40rpx;
- }
- .footer-area .btn-skip.data-v-2ad47190:active {
- color: #1F6CFF;
- }
|