From ba7ab879f586cf593a6c5b6e323f2ac6cfcbcbe5 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Thu, 14 Aug 2025 18:43:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=B8=83=E5=B1=80=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/tabbar/order.vue | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/pages/tabbar/order.vue b/src/pages/tabbar/order.vue
index 4566815..3783b45 100644
--- a/src/pages/tabbar/order.vue
+++ b/src/pages/tabbar/order.vue
@@ -129,25 +129,28 @@ const doRefund = (v: any) => {
 						</view>
 					</view>
 				</view>
-				<view class="flex items-center ml-[120rpx]">
-					<scroll-view v-if="['5', '20'].includes(v.orderStatus) && v.orderType == 2" scroll-x class="flex-row-center whitespace-nowrap">
-						<view class="flex-row items-center">
-							<view class="inline-flex! flex-col items-center m-r-20rpx" v-for="(pV, pI) in v.carList" :key="pI">
-								<image class="w-60rpx h-60rpx rounded-8rpx" :src="filePath(pV.productPic)" mode="aspectFill" />
-								<view class="w-80rpx m-t-10rpx sub-text-24 show-line text-center">{{ pV.productName }}</view>
+
+				<view class="flex items-center ml-[20rpx] overflow-hidden gap-2">
+					<view class="w-4/5">
+						<scroll-view v-if="['5', '20'].includes(v.orderStatus) && v.orderType == 2" scroll-x>
+							<view class="flex-row items-center">
+								<view class="inline-flex! flex-col items-center m-r-20rpx" v-for="(pV, pI) in v.carList" :key="pI">
+									<image class="w-80rpx h-80rpx rounded-8rpx" :src="filePath(pV.productPic)" mode="aspectFill" />
+									<view class="m-t-10rpx sub-text-24 show-line text-center">{{ pV.productName }}</view>
+								</view>
 							</view>
-						</view>
-					</scroll-view>
+						</scroll-view>
+					</view>
 					<view
 						v-if="v.carList?.length && ['5', '20'].includes(v.orderStatus) && v.orderType == 2"
-						class="w-200rpx m-x-10rpx second-text-26"
+						class="w-1/5 second-text-26 truncate text-center"
 					>
 						共 {{ v.carList.length }} 件
 					</view>
-					<view v-if="['5', '10'].includes(v.orderStatus)" class="w-500rpx flex-row items-center justify-end">
-						<!-- <view v-if="v.orderStatus == 5 && v.orderType == 2" class="botder_btn" @tap.stop="doRefund(v)">退款</view> -->
-						<view v-if="v.orderStatus == 5 && v.orderType == 2" class="m-l-20rpx botder_btn" @tap.stop="doToDetail(v)">核销码</view>
-					</view>
+				</view>
+				<view v-if="['5', '10'].includes(v.orderStatus)" class="w-full flex-row items-center justify-end my-1">
+					<!-- <view v-if="v.orderStatus == 5 && v.orderType == 2" class="botder_btn" @tap.stop="doRefund(v)">退款</view> -->
+					<view v-if="v.orderStatus == 5 && v.orderType == 2" class="m-l-20rpx botder_btn" @tap.stop="doToDetail(v)">核销码</view>
 				</view>
 			</view>
 		</z-paging>