py 1 год назад
Родитель
Сommit
1e038b1812
2 измененных файлов с 50 добавлено и 16 удалено
  1. 7 0
      common/css/common.css
  2. 43 16
      pages-buy/group-goods-info.vue

+ 7 - 0
common/css/common.css

@@ -522,10 +522,17 @@ image {
 	padding: 12rpx 24rpx;
 }
 
+
+
+.pl-15 {
+	padding-left: 15rpx;
+}
+
 .pl-24 {
 	padding-left: 24rpx;
 }
 
+
 .pr-24 {
 	padding-right: 24rpx;
 }

+ 43 - 16
pages-buy/group-goods-info.vue

@@ -37,21 +37,30 @@
 							</view>
 							<view class="p-b-20 mb-20 b-b-F9F9F9">
 								<swiper class="swiper-goods">
-									<swiper-item class="swiper-item-goods" v-for="(goods_item, goods_index) in item.image"
-										:key="goods_index">
+									<swiper-item class="swiper-item-goods"
+										v-for="(goods_item, goods_index) in item.image" :key="goods_index">
 										<image class="goods-img" :src="goods_item" mode="aspectFill"></image>
 									</swiper-item>
 								</swiper>
 							</view>
-							<view class="align-items-flex-start mb-16"
-								v-show="item.is_quota != 0 && item.restricted_num != 1">
+							<view class="align-items-flex-start mb-16" v-show="item.is_quota == 1">
 								<view class="mr-18 fs-26">
-									限制
+									限购
 								</view>
 								<view class="align-items-center">
-									<view class="mr-8 fs-26" v-show="item.is_quota === 1">
+									<view class="mr-8 fs-26">
 										每人限购{{item.quota_num}}张,
 									</view>
+								</view>
+							</view>
+							<view class="align-items-flex-start mb-16">
+								<view class="mr-18 fs-26">
+									限用
+								</view>
+								<view class="align-items-center">
+									<view class="fs-26" v-show="item.restricted === 1">
+										不限用
+									</view>
 									<view class="fs-26" v-show="item.restricted === 2">
 										每张卷限{{item.restricted_num}}人使用
 									</view>
@@ -87,24 +96,33 @@
 							<view class="item-info" v-for="(item_item,item_index) in item.item" :key="item_index">
 								<view class="align-items-center mb-10">
 									<view class="d"></view>
-									<view class="fs-32">
+									<view class="fs-32 fw-b">
 										{{item_item.name}}
 									</view>
 								</view>
 								<view class="align-items-center flex-justify-space goods-info"
 									v-for="(goods_item,goods_index) in item_item.goods" :key="goods_index">
-									<view class="">
-										{{goods_item.name}}
-									</view>
-									<view class="">
-										{{goods_item.number}}{{goods_item.unit}}
+									<div class="align-items-center">
+										<view class="d d-c"></view>
+										<view class="fs-28">
+											{{goods_item.name}}
+										</view>
+									</div>
+									<view class="align-items-center">
+										<view class="fc-9 mr-18">
+											({{goods_item.number}}{{goods_item.unit}})
+										</view>
+										<view class="">
+											¥{{goods_item.price}}
+										</view>
 									</view>
+
 								</view>
 							</view>
 							<view class="item-info">
 								<view class="align-items-center mb-10">
 									<view class="d"></view>
-									<view class="fs-32">
+									<view class="fs-32 fw-b">
 										备注
 									</view>
 								</view>
@@ -136,7 +154,8 @@
 								使用规则
 							</view>
 							<view class="align-items-center mb-10"
-								v-for="(use_message_item,use_message_index) in item.use_message" :key="use_message_index">
+								v-for="(use_message_item,use_message_index) in item.use_message"
+								:key="use_message_index">
 								<view class="d"></view>
 								<view class="">
 									{{use_message_item.notice}}
@@ -232,7 +251,8 @@
 		methods: {
 			goToUrl() {
 				uni.navigateTo({
-					url: '/pages-buy/group-pay?shop_id=' + this.sift_data[this.isActive].shop_id + '&goods_id=' + this.sift_data[this.isActive].id
+					url: '/pages-buy/group-pay?shop_id=' + this.sift_data[this.isActive].shop_id + '&goods_id=' +
+						this.sift_data[this.isActive].id
 				});
 			},
 			openPop() {
@@ -345,6 +365,7 @@
 		width: 100%;
 		height: 100%;
 	}
+
 	.overflow-auto {
 		overflow: auto;
 	}
@@ -360,7 +381,8 @@
 		border-radius: 200rpx;
 		position: relative;
 	}
-	.but-right{
+
+	.but-right {
 		position: absolute;
 		right: 0;
 		top: 0;
@@ -372,6 +394,7 @@
 		border-radius: 0 200rpx 200rpx 0;
 		text-align: center;
 	}
+
 	.w-50 {
 		width: 50%;
 	}
@@ -391,6 +414,10 @@
 		margin-right: 20rpx;
 	}
 
+	.d-c {
+		background: transparent;
+	}
+
 	.swiper-goods {
 		width: 100%;
 		height: 470rpx;