.order-sender-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 2000; } .order-sender { position: fixed; bottom: 0; left: 0; right: 0; height: 72vh; max-height: 900rpx; background: #fff; border-radius: 24rpx 24rpx 0 0; z-index: 2001; transform: translateY(100%); transition: transform 0.25s; display: flex; flex-direction: column; } .order-sender.show { transform: translateY(0); } .header { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 30rpx; border-bottom: 1rpx solid #f0f0f0; flex-shrink: 0; } .title { font-size: 32rpx; font-weight: 600; } .close { font-size: 44rpx; color: #999; padding: 0 12rpx; } .search-row { padding: 16rpx 24rpx; flex-shrink: 0; } .search-input { background: #f5f5f5; border-radius: 32rpx; padding: 16rpx 28rpx; font-size: 28rpx; } .order-list { flex: 1; height: 0; padding: 0 24rpx 24rpx; box-sizing: border-box; } .loading-tip, .empty-tip { text-align: center; color: #999; font-size: 28rpx; padding: 60rpx 0; } .order-item { background: #fafafa; border-radius: 16rpx; padding: 20rpx 24rpx; margin-bottom: 16rpx; border: 1rpx solid #eee; } .order-item:active { background: #f0f7ff; } .order-item-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8rpx; } .order-id { font-size: 26rpx; font-weight: 600; color: #333; } .order-status { font-size: 22rpx; color: #07c160; background: #e8f8ee; padding: 4rpx 14rpx; border-radius: 20rpx; } .order-desc { font-size: 26rpx; color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8rpx; } .order-item-bottom { display: flex; justify-content: space-between; align-items: center; } .order-price { font-size: 28rpx; color: #ff6b00; font-weight: 600; } .order-time { font-size: 22rpx; color: #aaa; } .order-send-hint { display: block; font-size: 22rpx; color: #007aff; margin-top: 10rpx; }