个人中心账户信息功能开发

pages/work/orderInfo.vue

@@ -62,9 +62,9 @@
 		<!-- 订单其他信息 -->
 		<view class="order-back order-flex">
 			<view class="order-title">订单信息</view>
-			<view class="order-item">
+			<view class="order-item" @click="copyNo(order_no)">
 				<label>订单编号</label>
-				<view class="order-value nowrap">{{order_no || '-'}}</view>
+				<view class="order-value nowrap">{{order_no || '-'}}<u-icon class="order-value-icon" name="file-text" color="gray" size="18"></u-icon></view>
 			</view>
 			<view class="order-item">
 				<label>创建时间</label>
@@ -132,14 +132,20 @@
 			onCallPhone(phone){
 				uni.makePhoneCall({
 					phoneNumber: phone,
-					fail(err) {
+				})
+			},
+			// 复制订单号码
+			copyNo(no){
+				uni.setClipboardData({
+					data	: no,
+					success	: res => {
 						uni.showToast({
-							title: err.message,
+							title: '订单号已复制',
 							icon : 'none'
 						})
 					}
 				})
-			}
+			},
 		}
 	}
 </script>
@@ -211,6 +217,11 @@
 						}
 					}
 				}
+				.order-value-icon{
+					display: inline-block;
+					vertical-align: middle;
+					margin-bottom: 10rpx;
+				}
 				&.order-value-price{
 					color: red;
 					font-weight: bold;