商品新增规格显示

pages/order/index.vue

@@ -37,7 +37,11 @@
 									</view>
 									<view class="order-list-data-item__info__detail__right">
 										<view class="title">{{ items.title }}</view>
-										<view class="num">x {{ items.goodsNum }}</view>
+										<view class="flex num">
+											<view class="sku" v-if="!items.properties"></view>
+											<view class="sku" v-if="items.properties">规格：{{ items.properties }}</view>
+											<view class="">数量：{{ items.goodsNum }}</view>
+										</view>
 									</view>
 								</view>
 							</navigator>
@@ -297,6 +301,14 @@
 								flex-direction: column;
 								justify-content: space-between;
 								align-items: flex-end;
+								
+								.num{
+									width: 100%;
+									justify-content: space-between;
+									.sku{
+										color: #8C8C8C;
+									}
+								}
 							}
 
 						}

pages/order/settlement.vue

@@ -52,7 +52,11 @@
 					</view>
 					<view class="settlement-goods__detail__right">
 						<view class="title">{{ item.title }}</view>
-						<view class="num">x {{ item.goodsNum }}</view>
+						<view class="flex num">
+							<view class="sku" v-if="!item.properties"></view>
+							<view class="sku" v-if="item.properties">规格：{{ item.properties }}</view>
+							<view class="">数量：{{ item.goodsNum }}</view>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -363,6 +367,14 @@
 					flex-direction: column;
 					justify-content: space-between;
 					align-items: flex-end;
+					
+					.num{
+						width: 100%;
+						justify-content: space-between;
+						.sku{
+							color: #8C8C8C;
+						}
+					}
 				}
 
 			}