链接失效，下单

src/views/badge/myOrder.vue

@@ -3,12 +3,15 @@
     <div class="header" @click="goBack">
       <span class="back-icon"><van-icon name="arrow-left" size="16px" color="#333" /> 我的订单</span>
     </div>
-    <div class="order-list">
+    <div class="order-list" v-if="orders.length > 0">
       <div class="order-item" @click="OrderDetail(item.id)" v-for="item in orders" :key="item.id">
         <img class="order-img" :src="item.path" alt="order1" />
-        <span class="order-status status-processing">{{ getStatus(item.status) }}</span>
+        <span class="order-status status-finished">{{ getStatus(item.status) }}</span>
       </div>
     </div>
+    <div v-else class="record-image-item-null">
+      <img src="@/assets/badge/null-data.png" alt="暂无数据">
+    </div>
   </div>
 </template>
 <script setup lang="ts">
@@ -31,11 +34,11 @@ function getOrder() {
     status: 0,
   }).then(res => {
     if(page.value === 1) {
-      orders.value = res.data.list
+      orders.value = res.list
     } else {
-      orders.value.push(...res.data.list)
+      orders.value.push(...res.list)
     }
-    if(res.data.list.length < 10) {
+    if(res.list.length < 10) {
       finished.value = true
     } else {
       page.value++
@@ -87,20 +90,20 @@ function getStatus(status: number) {
   }
   .order-list {
     display: flex;
+    flex-wrap: wrap;
     gap: 8px;
-    justify-content: space-between;
     padding: 24px 16px;
   }
 
   .order-item {
     position: relative;
-    width: 43vw;
+    width: calc(50% - 4px);
     height: 43vw;
-    /* border-radius: 50%; */
     box-shadow: 0 2px 8px rgba(0,0,0,0.08);
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-direction: column;
   }
 
   .order-img {
@@ -112,11 +115,11 @@ function getStatus(status: number) {
 
   .order-status {
     position: absolute;
-    bottom: 10px;
-    right: 10px;
-    padding: 2px 14px;
+    bottom: 5px;
+    right: 5px;
+    padding: 2px 12px;
     border-radius: 12px;
-    font-size: 14px;
+    font-size: 12px;
     color: #fff;
     background: #bdbdbd;
     opacity: 0.9;
@@ -130,4 +133,15 @@ function getStatus(status: number) {
   .status-finished {
     background: #8bc34a;
   }
+  
+  .record-image-item-null {
+    height: 50vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .record-image-item-null img {
+    width: 80vw;
+    height: 200px;
+  }
 </style>