update:vip完成

src/pages/member/order-detail.vue

@@ -61,6 +61,18 @@ const goPay = async () => {
   }
 };
 
+const copyOrderId = (orderId) => {
+  uni.setClipboardData({
+    data: String(orderId),
+    success: () => {
+      uni.showToast({
+        title: "复制成功",
+        icon: "success",
+      });
+    },
+  });
+};
+
 const cancelOrder = async () => {
   const result = await cancelOrderListAPI(data.value.orderId);
   data.value = result;
@@ -78,8 +90,13 @@ const cancelOrder = async () => {
       >
       <view class="order">
         <view>
-          <text>商品名：{{ data.vipName }}</text>
-          <text>订单号：{{ data.orderId }}</text>
+          <text>{{ data.vipName }}</text>
+          <view class="order-number">
+            <text>订单号：{{ data.orderId }}</text>
+            <text class="copy-action" @click.stop="copyOrderId(data.orderId)"
+              >复制</text
+            >
+          </view>
           <text>下单时间：{{ data.vipCreateAt }}</text>
           <text
             >支付时间：{{
@@ -141,4 +158,25 @@ const cancelOrder = async () => {
   text-align: center;
   font-size: 11px;
 }
+
+.order-number {
+  display: flex;
+  align-items: center;
+  color: #666666;
+  font-size: 26rpx;
+  margin-top: 10rpx;
+}
+.order-number > text:first-child {
+  flex: 1;
+  min-width: 0;
+  word-break: break-all;
+}
+.copy-action {
+  flex-shrink: 0;
+  margin-left: 16rpx;
+  padding: 2rpx 14rpx;
+  color: #1f6ed4;
+  font-size: 24rpx;
+  line-height: 34rpx;
+}
 </style>