1

pagesHome/group/index.vue

@@ -51,7 +51,7 @@
 								</view>
 							</view>
 							<view class="other">
-								<view class="btn" @click="onSubmit(item)">
+								<view class="btn" @click="onJoin(item)">
 									<text>{{item.zhStatus||'暂无状态'}}</text>立即参团
 								</view>
 							</view>
@@ -75,6 +75,21 @@
 				</view>
 			</view>
 		</uni-popup>
+		<uni-popup ref="popup1" background-color="#fff" type="bottom">
+			<view class="content">
+				<view class="one">
+					<text>数量</text>
+					<view class="count">
+						<uni-number-box :min="1" :max="specsInfo.num" v-model="num" @change="toCount">
+						</uni-number-box>
+					</view>
+					<text>库存{{specsInfo.num||0}}</text>
+				</view>
+				<view class="btn">
+					<text @click="onSubmit(join)" class="button">确认参团</text>
+				</view>
+			</view>
+		</uni-popup>
 	</mobile-frame>
 </template>
 
@@ -94,6 +109,8 @@
 				// 参团列表
 				list: [],
 				statusList: [],
+				// 参团数据
+				join: '',
 				num: 1,
 				total: 0,
 				skip: 0,
@@ -119,6 +136,12 @@
 				const that = this;
 				that.$refs.popup.open();
 			},
+			// 参团
+			async onJoin(e) {
+				const that = this;
+				that.$set(that, `join`, e)
+				that.$refs.popup1.open();
+			},
 			// 计数器
 			toCount(e) {
 				const that = this;

pagesHome/order/appraise.vue

@@ -3,9 +3,8 @@
 		<view class="main">
 			<view class="one">
 				<view class="one_1">
-					<text class="text1">{{info.name}}{{info.specs}}</text>
-					<text class="text2">好评率</text>
-					<text class="text3">{{info.rate}}%</text>
+					<view class="text1">{{info.name}}{{info.specs}}</view>
+					<view class="text2">好评率 <text>{{info.rate}}%</text></view>
 				</view>
 				<view class="one_2">
 					<view class="one_2_1" v-for="(item,index) in btnlist" :key="index">
@@ -13,6 +12,9 @@
 					</view>
 				</view>
 			</view>
+			<view class="two">
+
+			</view>
 		</view>
 	</mobile-frame>
 </template>
@@ -65,7 +67,39 @@
 		flex-direction: column;
 		width: 100vw;
 		height: 100vh;
+		background-color: var(--f1Color);
+
+		.one {
+			margin: 0 0 2vw 0;
+
+			.one_1 {
+				display: flex;
+				justify-content: space-around;
+				background-color: var(--mainColor);
+				margin: 0 0 0.5vw 0;
+				padding: 2vw;
+
+				.text1 {
+					font-size: var(--font16Szie);
+				}
 
-		.one {}
+				.text2 {
+					font-size: var(--font16Szie);
+					color: var(--f85Color);
+
+					text {
+						margin: 0 0 0 1vw;
+						color: var(--ff0Color);
+					}
+				}
+			}
+
+			.one_2 {
+				display: flex;
+				justify-content: space-between;
+				padding: 2vw;
+				background-color: var(--mainColor);
+			}
+		}
 	}
 </style>