样式调整

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 {

src/views/ProductDetail.vue

@@ -98,16 +98,26 @@
             <!-- 第一组：商品详情图标 + 文本 -->
             <div class="detail-item-group"> <!-- 每组独立容器 -->
               <img src="/imgs/productdetail/shangpingxiangqing.png" alt="商品详情" class="detail-icon">
-              <span class="detail-text">{{product.material}}||
-              <el-tag
-                  v-for="tag in product.tags"
-                  :key="tag"
-                  size="small"
-                  class="product-tag"
-              >
-                {{ tag }}
-              </el-tag>||{{product.brand}}||{{product.origin}}
-            </span>
+              <!-- <span class="detail-text">{{product.material}}||
+                <el-tag
+                    v-for="tag in product.tags"
+                    :key="tag"
+                    size="small"
+                    class="product-tag"
+                >
+                  {{ tag }}
+                </el-tag>||{{product.brand}}||{{product.origin}}
+              </span> -->
+              <span class="detail-text">
+                <el-tag
+                    v-for="tag in product.tags"
+                    :key="tag"
+                    size="small"
+                    class="product-tag"
+                >
+                  {{ tag }}
+                </el-tag>
+              </span>
             </div>
           </div>
 

src/views/Transfers.vue

@@ -721,7 +721,7 @@ const confirmNotReceived = async (transferId) => {
 }
 
 .transfer-list {
-  max-height: 400px;
+  max-height: 600px;
   overflow-y: auto;
 }