1

pages/goods/goods.vue

@@ -252,7 +252,21 @@
         <view class="label">限购</view>
         <view class="content">{{ g.goods_marketing.limit }}</view>
       </view>
-
+	  <!-- 优惠 -->
+	  <view class="goods-Discount" v-if="g.goodsPreferentialList.length>0">
+			<view class="discount-left">
+				优惠
+			</view>
+			<view class="discount-right">
+				<view v-for="(item,index) in g.goodsPreferentialList" :key="index" class="discount-item">
+					<view class="discount-type">
+						{{item.PriceDiscountTypeStr.slice(0,2)}}
+					</view>
+					{{item.PriceDiscountTypeStr}}{{item.PriceMoney}}%
+				</view>
+			</view>
+	  </view>
+	  
       <view class="sku-box u-skeleton-rect" v-if="comments.length == 0 && setting.is_comment == 1&&setting.is_show_korea==0">
         <view class="label">暂无评论信息</view>
       </view>
@@ -1187,4 +1201,45 @@ export default {
 	font-size:12px;
 	margin:0 10px 20px 0;
 }
+.goods-Discount{
+	background-color: #FFFFFF;
+	box-sizing: border-box;
+	padding: 15rpx 30rpx;
+	display: flex;
+}
+.discount-left{
+	width: 80rpx;
+	font-size: 26rpx;
+	font-family: PingFang SC;
+	font-weight: 800;
+	color: #111111;
+	box-sizing: border-box;
+	padding-top: 15rpx;
+}
+.discount-right{
+	flex-grow: 1;
+}
+.discount-item{
+	font-size: 22rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #111111;
+	display: flex;
+	align-items: center;
+	margin-top: 15rpx;
+	margin-bottom: 15rpx;
+}
+.discount-type{
+	width: 52rpx;
+	box-sizing: border-box;
+	padding: 0 6rpx;
+	text-align: center;
+	background-color: #C5D6D3;
+    border-radius: 4rpx;
+	font-size: 20rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #40766E;
+	margin-right: 20rpx;
+}
 </style>