样式调整

src/views/Orders.vue

@@ -115,6 +115,13 @@
               >
                 立即支付
               </el-button>
+              <el-button 
+                v-if="order.status === 'pre_order'"
+                size="small"
+                @click="cancelOrder(order.id)"
+              >
+                取消订单
+              </el-button>
               <el-button 
                 v-if="order.status === 'pending'"
                 size="small"
@@ -1209,7 +1216,18 @@ onMounted(() => {
   }
   
   .order-actions {
-    flex-wrap: wrap;
+    display: flex;
+    justify-content: flex-end;
+    gap: 6px;
+    padding: 12px 16px;
+    flex-wrap: nowrap;
+  }
+  
+  .order-actions .el-button {
+    flex: 0 0 auto;
+    min-width: 70px;
+    font-size: 12px;
+    padding: 6px 12px;
   }
   
   .detail-item {