| | |
| | | background: linear-gradient(135deg, #fafdff 0%, #e3f0ff 100%); |
| | | padding-bottom: 100rpx; |
| | | /* 操作确认弹窗样式 */ |
| | | /* 浮动按钮 */ |
| | | } |
| | | .transport-record .stats-card.data-v-e32a2a70 { |
| | | margin: 20rpx; |
| | |
| | | text-align: center; |
| | | } |
| | | .transport-record .transport-list.data-v-e32a2a70 { |
| | | height: calc(100vh - 400rpx); |
| | | height: calc(100vh - 420rpx); |
| | | } |
| | | .transport-record .transport-list .transport-item.data-v-e32a2a70 { |
| | | margin: 20rpx; |
| | |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions.data-v-e32a2a70 { |
| | | display: flex; |
| | | gap: 16rpx; |
| | | flex-wrap: wrap; |
| | | gap: 12rpx; |
| | | justify-content: flex-end; |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.data-v-e32a2a70 { |
| | | height: 60rpx; |
| | | line-height: 60rpx; |
| | | padding: 0 24rpx; |
| | | font-size: 24rpx; |
| | | color: #0071e3; |
| | | background: rgba(0, 113, 227, 0.1); |
| | | border-radius: 30rpx; |
| | | height: 58rpx; |
| | | line-height: 58rpx; |
| | | padding: 0 20rpx; |
| | | font-size: 22rpx; |
| | | border-radius: 29rpx; |
| | | font-weight: 500; |
| | | transition: all 0.3s ease; |
| | | border: none; |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.primary.data-v-e32a2a70 { |
| | | color: #0071e3; |
| | | background: rgba(0, 113, 227, 0.1); |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.success.data-v-e32a2a70 { |
| | | color: #34c759; |
| | | background: rgba(52, 199, 89, 0.1); |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.danger.data-v-e32a2a70 { |
| | | color: #ff3b30; |
| | | background: rgba(255, 59, 48, 0.1); |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.warning.data-v-e32a2a70 { |
| | | color: #ff9500; |
| | | background: rgba(255, 149, 0, 0.1); |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.secondary.data-v-e32a2a70 { |
| | | color: #515154; |
| | |
| | | } |
| | | .transport-record .transport-list .transport-item .footer .actions .action-btn.data-v-e32a2a70:active { |
| | | transform: scale(0.95); |
| | | opacity: 0.8; |
| | | } |
| | | .transport-record .transport-list .load-more.data-v-e32a2a70, .transport-record .transport-list .no-more.data-v-e32a2a70 { |
| | | .transport-record .transport-list .load-more.data-v-e32a2a70, |
| | | .transport-record .transport-list .no-more.data-v-e32a2a70 { |
| | | text-align: center; |
| | | padding: 40rpx 0; |
| | | color: #86868b; |
| | |
| | | .transport-record .modal-content.data-v-e32a2a70 { |
| | | background: #fff; |
| | | border-radius: 32rpx; |
| | | width: 600rpx; |
| | | width: 620rpx; |
| | | overflow: hidden; |
| | | box-shadow: 0 20rpx 60rpx rgba(0, 0, 0, 0.2); |
| | | } |
| | |
| | | text-align: center; |
| | | } |
| | | .transport-record .modal-title.data-v-e32a2a70 { |
| | | font-size: 32rpx; |
| | | font-weight: 600; |
| | | font-size: 34rpx; |
| | | font-weight: 700; |
| | | color: #1d1d1f; |
| | | } |
| | | .transport-record .modal-body.data-v-e32a2a70 { |
| | | padding: 20rpx 40rpx 40rpx; |
| | | text-align: center; |
| | | } |
| | | .transport-record .modal-desc.data-v-e32a2a70 { |
| | | font-size: 28rpx; |
| | | color: #515154; |
| | | line-height: 1.6; |
| | | display: block; |
| | | } |
| | | .transport-record .modal-summary.data-v-e32a2a70 { |
| | | margin-top: 24rpx; |
| | | background: #f8f9fc; |
| | | border-radius: 16rpx; |
| | | padding: 20rpx; |
| | | text-align: left; |
| | | } |
| | | .transport-record .modal-summary .summary-item.data-v-e32a2a70 { |
| | | display: block; |
| | | font-size: 24rpx; |
| | | color: #86868b; |
| | | line-height: 1.8; |
| | | } |
| | | .transport-record .modal-footer.data-v-e32a2a70 { |
| | | display: flex; |
| | |
| | | } |
| | | .transport-record .modal-btn.confirm.data-v-e32a2a70:active { |
| | | background: #f0f7ff; |
| | | } |
| | | .transport-record .float-button.data-v-e32a2a70 { |
| | | position: fixed; |
| | | bottom: 100rpx; |
| | | right: 40rpx; |
| | | width: 100rpx; |
| | | height: 100rpx; |
| | | background: #0071e3; |
| | | border-radius: 50%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | box-shadow: 0 8rpx 20rpx rgba(0, 113, 227, 0.3); |
| | | z-index: 100; |
| | | transition: all 0.3s ease; |
| | | } |
| | | .transport-record .float-button.data-v-e32a2a70:active { |
| | | opacity: 0.8; |
| | | transform: scale(0.95); |
| | | } |