1

components/order-item/index.vue

@@ -2,7 +2,14 @@
 	<view class="item" @click="toDetailsPage">
 		<image></image>
 		<view class="goods">
-			<view class="status" v-if="cur==4">待处理订单</view>
+			
+			<view class="goods_num">
+				<view class="number">
+					编号:1234567890123456
+				</view>
+				<view class="order" v-if="cur==4">已完成订单</view>
+				<view class="order" v-else>待处理订单</view>
+			</view>
 			<view class="name u-line-1">心机小黑裙连衣裙赫本风夏季爆款...</view>
 			<view class="info">
 				<view class="num">共一件商品</view>
@@ -50,6 +57,26 @@ export default {
 		flex-direction: column;
 		align-items: flex-start;
 		justify-content: center;
+		.goods_num{
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			margin-bottom: 18rpx;
+			.number{
+				font-size:22rpx;
+				font-family:PingFang SC;
+				font-weight:400;
+				color:rgba(153,153,153,1);
+				line-height:36rpx;
+			}
+			.order{
+				font-size:26rpx;
+				font-family:PingFang SC;
+				font-weight:400;
+				color:rgba(255,49,49,1);
+				line-height:36rpx;
+			}
+		}
 		.status {
 			align-self: flex-end;
 			font-size: 26rpx;