不进器

pages/groupbuying_details/index.vue

@@ -145,13 +145,13 @@
 												</view>
 
 												<view class="u-number-box" v-if="!storeInfo.isEnd && storeInfo.goodsList[index].isSale === 1 && item.totalStock > 0">
-													<view class="symbol">
+													<view class="symbol" @click="numberBox(-1,index)">
 														<text>-</text>
 													</view>
 													<view class="number-box">
-														<text>0</text>
+														<text>{{storeInfo.goodsList[index].num}}</text>
 													</view>
-													<view class="symbol">
+													<view class="symbol" @click="numberBox(1,index)">
 														<text>+</text>
 													</view>
 												</view>
@@ -660,6 +660,19 @@ export default {
 	},
 	methods: {
 
+
+		numberBox(number,index){
+			console.log('+++++++++++++++++')
+			if (number<0 && this.storeInfo.goodsList[index].num ===0){
+				return
+			}
+			if (number>0 && this.storeInfo.goodsList[index].num ===10){
+				return
+			}
+			this.storeInfo.goodsList[index].num = this.storeInfo.goodsList[index].num + number
+			console.log(this.storeInfo.goodsList[index].num)
+		},
+
 		// goFirendo(){
 		// 	let groupon = this.storeInfo;
 		// 	let userInfo = this.$Cache.get("USER_INFO", true)
@@ -2432,7 +2445,7 @@ action-sheet-item {
 	}
 
 	.number-box{
-		width: 128rpx;
+		width: 64rpx;
 		height: 52rpx;
 		border-right: 2rpx solid rgba(180,42,62,0.3);
 		border-left: 2rpx solid rgba(180,42,62,0.3);

pages/groupbuying_details/order_details_confirm/index.vue

@@ -16,7 +16,18 @@
 						</view>
 
 						<view class="u-number-box">
-							<u-number-box :name="item.id" :min="0" :max="10" v-model="grouponOrderData.goodsInfos[index].num" @change="calGoodsPrice"></u-number-box>
+<!--							<u-number-box :name="item.id" :min="0" :max="10" v-model="grouponOrderData.goodsInfos[index].num" @change="calGoodsPrice"></u-number-box>-->
+
+							<view class="symbol" @click="numberBox(-1,index)">
+								<text>-</text>
+							</view>
+							<view class="number-box">
+								<text>{{grouponOrderData.goodsInfos[index].num}}</text>
+							</view>
+							<view class="symbol" @click="numberBox(1,index)">
+								<text>+</text>
+							</view>
+
 						</view>
 					</view>
 				</view>
@@ -456,6 +467,21 @@ export default {
 		})
 	},
 	methods: {
+
+		numberBox(number,index){
+			console.log('+++++++++++++++++')
+			if (number<0 && this.grouponOrderData.goodsInfos[index].num ===0){
+				return
+			}
+			if (number>0 && this.grouponOrderData.goodsInfos[index].num ===10){
+				return
+			}
+			this.grouponOrderData.goodsInfos[index].num = this.grouponOrderData.goodsInfos[index].num + number
+			console.log(this.grouponOrderData.goodsInfos[index].num)
+		},
+
+
+
 		openmap(selfTake) {
 			uni.openLocation({
 				latitude: selfTake.latitude,
@@ -2223,9 +2249,44 @@ export default {
 		white-space: nowrap;
 		line-height: 28rpx;
 	}
-.u-number-box{
-	margin-right: 20rpx;
-}
+
+
+	.u-number-box{
+		margin-right: 20rpx;
+		width: 200rpx;
+		height: 56rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		border-radius: 8rpx;
+		border: 2rpx solid rgba(180,42,62,0.3);
+		overflow: hidden;
+	}
+
+	.number-box{
+		width: 64rpx;
+		height: 52rpx;
+		border-right: 2rpx solid rgba(180,42,62,0.3);
+		border-left: 2rpx solid rgba(180,42,62,0.3);
+		text-align: center;
+		font-size: 24rpx;
+		line-height: 52rpx;
+		color: #666666;
+	}
+
+	.symbol{
+		width: 64rpx;
+		height: 52rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		text-align: center;
+		background: #fff7f8;
+		color: #b42a3e;
+		font-size: 35rpx;
+		font-weight: bold;
+	}
+
 
   .font-color {
     margin-left: 10rpx;