Jelajahi Sumber

feat: 增加复制ICON,点击直接复制物流公司名称和单号,TOAST提示复制成功

liangan 3 minggu lalu
induk
melakukan
3848af8368
1 mengubah file dengan 14 tambahan dan 1 penghapusan
  1. 14 1
      src/pages/myOrders/orderDetail.vue

+ 14 - 1
src/pages/myOrders/orderDetail.vue

@@ -271,6 +271,16 @@ const timeMap = {
   delivery: 'Shipped On',
   receive: 'Completed On',
 }
+
+function copyDelivery() {
+  uni.setClipboardData({
+    data: `${detail.value.deliveryName}: ${detail.value.deliveryId}`,
+    success: () => {
+      toast.success('Copied to clipboard')
+    },
+  })
+}
+
 onLoad(async (options) => {
   getConfig('open_red_envelope_rate')
   getConfig('join_red_envelope_rate')
@@ -450,7 +460,10 @@ onUnmounted(() => {
             <view v-if="detail.deliveryId" class="mb-18rpx flex justify-between border-b-1 border-b-#e8e8e8 border-b-solid pb-18rpx text-24rpx">
               <!-- 物流信息 -->
               <view>Delivery Partner</view>
-              <view> {{ detail.deliveryName }}:{{ detail.deliveryId || '-' }}</view>
+              <view class="flex items-center gap-8rpx" @click="copyDelivery">
+                <text>{{ detail.deliveryName }}: {{ detail.deliveryId || '-' }}</text>
+                <wd-icon name="file-copy" size="28rpx" />
+              </view>
             </view>
             <view class="mb-20rpx text-24rpx">
               <text class="mr-20rpx">