.container.data-v-93207a4f { padding: 0; background-color: #f5f5f5; min-height: 100vh; } /* 导航标签样式 */ .nav-tabs.data-v-93207a4f { display: flex; /* justify-content: space-around; */ background-color: #ffffff; padding: 24rpx 0; border-bottom: 1rpx solid #eee; } .tab-item.data-v-93207a4f { font-size: 15px; color: #999; position: relative; padding: 0 10px; z-index: 9; } .tab-item.active.data-v-93207a4f { color: #333; font-weight: bold; } .tab-item.active.data-v-93207a4f::after { content: ''; position: absolute; bottom: 0rpx; right: 20rpx; width: 40rpx; height: 12rpx; background: #627c54; border-radius: 24rpx 24rpx 24rpx 24rpx; z-index: 5; opacity: 0.5; } /* 订单列表样式 */ .order-list.data-v-93207a4f { padding: 10px; } .order-item.data-v-93207a4f { background-color: #fff; margin-bottom: 36rpx; border-radius: 16rpx; padding: 36rpx; } .order-header.data-v-93207a4f { font-size: 28rpx; display: flex; justify-content: space-between; border-bottom: 1rpx solid #eeeeee; padding-bottom: 24rpx; color: #232323; } .order-id.data-v-93207a4f { font-size: 14px; color: #333; } .order-status.data-v-93207a4f { font-size: 14px; font-weight: 500; } .pending.data-v-93207a4f { color: #ff5722; } .completed.data-v-93207a4f { color: #4caf50; } .cancelled.data-v-93207a4f { color: #f44336; } .order-content.data-v-93207a4f { display: flex; padding: 20rpx 0; } .product-image.data-v-93207a4f { width: 150rpx; height: 150rpx; border-radius: 8rpx; margin-right: 20rpx; background-color: #f0f0f0; } .product-info.data-v-93207a4f { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .product-name.data-v-93207a4f { font-size: 28rpx; color: #232323; font-weight: 600; display: flex; align-items: center; justify-content: space-between; } .product-spec.data-v-93207a4f { font-size: 28rpx; color: #666; margin-top: 20rpx; display: flex; align-items: center; justify-content: space-between; } .product-count.data-v-93207a4f { font-size: 24rpx; color: #232323; text-align: right; } .product-price.data-v-93207a4f { font-size: 36rpx; color: #ff3d3d; /* font-weight: bold; */ text-align: right; display: flex; align-items: center; justify-content: space-between; } .order-footer.data-v-93207a4f { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 0 0; border-top: 1rpx solid #f5f5f5; } .order-time.data-v-93207a4f { font-size: 24rpx; color: #232323; } .order-actions.data-v-93207a4f { display: flex; gap: 10px; } .btn-cancel.data-v-93207a4f, .btn-pay.data-v-93207a4f, .btn-reorder.data-v-93207a4f, .btn-buy-again.data-v-93207a4f { width: 150rpx; height: 56rpx; border-radius: 28rpx; /* border: 1rpx solid #999999; */ display: flex; align-items: center; justify-content: center; font-size: 24rpx; } .btn-cancel.data-v-93207a4f { border: 1rpx solid #999999; color: #999; } .btn-pay.data-v-93207a4f { color: #ff6f00; border: 1rpx solid #ff6f00; } .btn-reorder.data-v-93207a4f { color: #ffffff; background-color: #458f3b; border: none; } .btn-buy-again.data-v-93207a4f { color: #ffffff; background-color: #f44336; border: none; } .btn-cancel.data-v-93207a4f:active, .btn-pay.data-v-93207a4f:active, .btn-reorder.data-v-93207a4f:active, .btn-buy-again.data-v-93207a4f:active { opacity: 0.8; }