fix: 订单列表修复

src/pages/myOrders/myOrders.vue

@@ -101,47 +101,49 @@ onLoad((options) => {
 <template>
   <z-paging ref="paging" v-model="dataList" use-page-scroll @query="queryList">
     <template #top>
-      <wd-tabs v-model="tab" custom-class="bg-transparent!" @click="() => queryList(1, 20)">
+      <wd-tabs v-model="tab" :auto-line-width="true" custom-class="bg-transparent!" @click="() => queryList(1, 20)">
         <wd-tab v-for="tabItem in tabList" :key="tabItem.value" :title="t(tabItem.label)" :name="tabItem.value" />
       </wd-tabs>
     </template>
-    <wd-card v-for="item in dataList" :key="item.orderId" type="rectangle" custom-class="px-24rpx! py-6rpx!" custom-content-class="py-18rpx!" custom-title-class="py-18rpx!" @click="toPage('/pages/myOrders/orderDetail', { id: item.id })">
-      <template #title>
-        <view class="flex items-center justify-between">
-          <view class="text-28rpx text-#000">
-            {{ $t('myOrders.order.id') }}：{{ item.orderId }}
+    <view class="pt-24rpx">
+      <wd-card v-for="item in dataList" :key="item.orderId" type="rectangle" custom-class="px-24rpx! py-6rpx!" custom-content-class="py-18rpx!" custom-title-class="py-18rpx!" @click="toPage('/pages/myOrders/orderDetail', { id: item.id })">
+        <template #title>
+          <view class="flex items-center justify-between">
+            <view class="text-28rpx text-#000">
+              {{ $t('myOrders.order.id') }}：{{ item.orderId }}
+            </view>
+            <wd-text size="26rpx" type="primary" :text="orderStatusEnumData.find((i:any) => i.code === item.status)?.name" />
           </view>
-          <wd-text size="26rpx" type="primary" :text="orderStatusEnumData.find((i:any) => i.code === item.status)?.name" />
-        </view>
-      </template>
-      <view class="flex items-center justify-center gap-24rpx">
-        <view class="h-140rpx w-140rpx shrink-0 text-center">
-          <image
-            :src="item?.orderInfoVO?.[0]?.image"
-            class="h-full w-full"
-            mode="aspectFit"
-          />
-        </view>
-        <view class="flex-1">
-          <view class="line-clamp-2 h-80rpx text-28rpx text-#000">
-            {{ item?.orderInfoVO?.[0]?.productName }}
+        </template>
+        <view class="flex items-center justify-center gap-24rpx">
+          <view class="h-140rpx w-140rpx shrink-0 text-center">
+            <image
+              :src="item?.orderInfoVO?.[0]?.image"
+              class="h-full w-full"
+              mode="aspectFit"
+            />
           </view>
-          <view>
-            <view class="py-4rpx text-24rpx text-#3A444C">
-              {{ $t('myOrders.order.color') }}： {{ item?.orderInfoVO?.[0]?.sku }}
+          <view class="flex-1">
+            <view class="line-clamp-2 h-80rpx text-28rpx text-#000">
+              {{ item?.orderInfoVO?.[0]?.productName }}
             </view>
-            <view class="flex items-center justify-between text-24rpx text-#3A444C">
-              <view>
-                ৳ {{ formatNumber(item?.orderInfoVO?.[0]?.price) }}
+            <view>
+              <view class="py-4rpx text-24rpx text-#3A444C">
+                {{ $t('myOrders.order.color') }}： {{ item?.orderInfoVO?.[0]?.sku }}
               </view>
-              <view>
-                {{ $t('myOrders.order.quantity') }}：{{ item?.orderInfoVO?.[0]?.payNum }}
+              <view class="flex items-center justify-between text-24rpx text-#3A444C">
+                <view>
+                  ৳ {{ formatNumber(item?.orderInfoVO?.[0]?.price) }}
+                </view>
+                <view>
+                  {{ $t('myOrders.order.quantity') }}：{{ item?.orderInfoVO?.[0]?.payNum }}
+                </view>
               </view>
             </view>
           </view>
         </view>
-      </view>
-    </wd-card>
+      </wd-card>
+    </view>
   </z-paging>
 </template>