| | |
|---|
| | | |
|---|
| | | /* 底部信息样式 */ |
|---|
| | | .bottom-info { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | margin-bottom: 16rpx; |
|---|
| | | gap: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .registration-info { |
|---|
| | | flex: 1; |
|---|
| | | min-width: 0; |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .progress-row { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | margin-bottom: 8rpx; |
|---|
| | | gap: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .progress-text { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 24rpx; |
|---|
| | | margin-bottom: 8rpx; |
|---|
| | | display: block; |
|---|
| | | flex: 1; |
|---|
| | | min-width: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .progress-bar { |
|---|
| | | height: 6rpx; |
|---|
| | | background: #f0f0f0; |
|---|
| | | border-radius: 3rpx; |
|---|
| | | height: 8rpx; |
|---|
| | | background: #e0e0e0; |
|---|
| | | border-radius: 4rpx; |
|---|
| | | overflow: hidden; |
|---|
| | | margin-bottom: 8rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .progress-fill { |
|---|
| | | height: 100%; |
|---|
| | | background: linear-gradient(90deg, #1976d2, #42a5f5); |
|---|
| | | border-radius: 3rpx; |
|---|
| | | border-radius: 4rpx; |
|---|
| | | transition: width 0.3s ease; |
|---|
| | | } |
|---|
| | | |
|---|
