.wrap.data-v-e1e6274e { padding: 24rpx } .tabs.data-v-e1e6274e { display: flex; background: #fff; border-radius: 12rpx; padding: 8rpx; margin-bottom: 16rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04) } .tab.data-v-e1e6274e { flex: 1; text-align: center; padding: 16rpx 0; font-size: 28rpx; color: #666 } .tab.active.data-v-e1e6274e { color: #007AFF; font-weight: 600 } .order.data-v-e1e6274e { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 12rpx; padding: 20rpx; margin-bottom: 16rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04) } .order-main.data-v-e1e6274e { display: flex; flex-direction: column } .order-title.data-v-e1e6274e { font-size: 28rpx; color: #333 } .order-sub.data-v-e1e6274e { font-size: 24rpx; color: #999; margin-top: 6rpx } .order-right.data-v-e1e6274e { display: flex; flex-direction: column; align-items: flex-end } .order-amount.data-v-e1e6274e { font-size: 28rpx; color: #333 } .order-status.data-v-e1e6274e { font-size: 24rpx; color: #666; margin-top: 6rpx } .empty.data-v-e1e6274e { text-align: center; color: #999; margin-top: 40rpx } .error.data-v-e1e6274e { color: #e43; margin-bottom: 12rpx } .loading.data-v-e1e6274e { text-align: center; color: #666; margin: 20rpx 0 } .end.data-v-e1e6274e { text-align: center; color: #999; margin: 20rpx 0 }