refactor(myOrder, orderDetail): improve UI components and logic

- Updated order promotion tag rendering logic for better clarity.
- Enhanced image handling for order items to ensure correct display.
- Refined radio button implementation in cancellation reasons for consistency.
- Adjusted styles for order number display and overall layout for improved user experience.

pages/order/orderDetail.vue

@@ -148,9 +148,9 @@
       <view style="width: 100%">
         <view class="order-info-view">
           <view class="title">订单编号：</view>
-          <view class="value">
-            {{ order.sn }}
-            <u-tag class="copy" text="复制" type="info" size="mini" @click="onCopy(order.sn)" />
+          <view class="value order-sn-value">
+            <text class="order-sn-text">{{ order.sn }}</text>
+            <u-tag class="copy" text="复制" type="info" mode="plain" size="mini" @click="onCopy(order.sn)" />
           </view>
         </view>
         <view class="order-info-view">
@@ -229,8 +229,8 @@
           <u-radio-group v-model="reason">
             <view class="value">
               <view class="radio-view" v-for="(item, index) in cancelList" :key="index">
-                <u-radio :active-color="lightColor" label-size="25" shape="circle" :name="item.reason"
-                  @change="reasonChange">{{ item.reason }}</u-radio>
+                <u-radio :active-color="lightColor" shape="circle" :name="item.reason"
+                  :label="item.reason" @change="reasonChange"></u-radio>
               </view>
             </view>
           </u-radio-group>
@@ -701,11 +701,20 @@ page,
       flex:10;
     }
 
+    .order-sn-value {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+
+    .order-sn-text {
+      word-break: break-all;
+    }
+
     .copy {
-      font-size: 20rpx;
-      color: #333;
-      border: 1px solid #dddddd;
-      margin-left: 30rpx;
+      margin-left: 16rpx;
+      flex-shrink: 0;
     }
   }