优化

hdApp/src/pagesPurchase/ghsProduct.vue

@@ -134,12 +134,12 @@
 			</view>
 		</view>
 
-		<uni-popup ref="selectFlowerNumRef" background-color="#fff" type="center" :animation="false">
-		<view style="display:flex;padding:20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;">
+		<uni-popup ref="selectFlowerNumRef" background-color="#fff" type="center" :animation="false" class="class-popup-style">
+		<view style="display:flex;padding:20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
 
 			<view v-for="(item, index) in filterProductInfo" :key="index" @tap.stop="changeClass(index)" style="margin-bottom:20upx;margin-left:3upx;">
 			<image :src="item.classCover" style="width:120upx;height:120upx;border-radius:10upx;"></image>
-			<view style="margin-top:5upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:120upx;text-align:center;">{{item.className}}</view>
+			<view style="margin-top:5upx;overflow: hidden;white-space: nowrap;width:120upx;text-align:center;">{{item.className}}</view>
 			</view>
 
 		</view>
@@ -668,6 +668,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.class-popup-style{
+	z-index:999999;
+}
 .billing_box_bg {
 	height: 100%;
 	display: flex;
@@ -920,145 +923,145 @@ export default {
   }
 }
 
-		.commodity-view {
+.commodity-view {
+	display: flex;
+	flex-direction: column;
+	.commodity-list {
+		overflow:scroll;
+		height:50vh;
+		padding: 20upx;
+		.commodity-item {
 			display: flex;
-			flex-direction: column;
-			.commodity-list {
-				overflow:scroll;
-				height:50vh;
-				padding: 20upx;
-				.commodity-item {
-					display: flex;
+			margin-bottom: 20upx;
+			.item-icon {
+				flex-shrink: 0;
+				width: 140upx;
+				height: 140upx;
+			}
+			.item-info {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				flex: 1;
+				margin-left: 20upx;
+				.info-line {
 					margin-bottom: 20upx;
-					.item-icon {
-						flex-shrink: 0;
-						width: 140upx;
-						height: 140upx;
+					display: flex;
+					justify-content: space-between;
+					align-items: flex-end;
+					.item-name {
+						color: #666;
+						font-size: 28upx;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						width:400upx;
 					}
-					.item-info {
-						display: flex;
-						flex-direction: column;
-						justify-content: center;
-						flex: 1;
-						margin-left: 20upx;
-						.info-line {
-							margin-bottom: 20upx;
-							display: flex;
-							justify-content: space-between;
-							align-items: flex-end;
-							.item-name {
-								color: #666;
-								font-size: 28upx;
-								overflow: hidden;
-								white-space: nowrap;
-								text-overflow: ellipsis;
-								width:400upx;
-							}
-							.item-price {
-								color: #333;
-								font-size: 22upx;
-								.price {
-									font-size: 32upx;
-									font-weight: bold;
-								}
-							}
-							.item-type {
-								color: #999;
-								font-size: 24upx;
-							}
-							.item-count {
-								color: #666;
-								font-size: 24upx;
-							}
+					.item-price {
+						color: #333;
+						font-size: 22upx;
+						.price {
+							font-size: 32upx;
+							font-weight: bold;
 						}
+					}
+					.item-type {
+						color: #999;
+						font-size: 24upx;
+					}
+					.item-count {
+						color: #666;
+						font-size: 24upx;
+					}
+				}
 
 
-			.open-bx {
-				align-items: center;
-				& .iconfont {
-					color: #3385ff;
-					font-size: 60upx;
-				}
+	.open-bx {
+		align-items: center;
+		& .iconfont {
+			color: #3385ff;
+			font-size: 60upx;
+		}
 
-				.position{
-					display: block;
-					width: 70upx;
-					text-align: center;
-				}
-				.iconcachu {
-					margin: 0 6upx 0 20upx;
-					color: #ccc;
-					&.edit {
-						color: #3385ff;
-					}
-				}
-				& > .num {
-					display: inline-block;
-					width: 130upx;
-					height:55upx;
-					line-height:55upx;
-					text-align:center;
-					margin: 0 8upx;
-					color: #868686;
-					border-radius: 22upx;
-					background-color: #f5f5f5;
-					font-size: 28upx;
-				}
-				.change-input {
-					width: 164upx;
-					height: 60upx;
-					line-height: 60upx;
-					text-align: center;
-					background: #ffffff;
-					border: 1upx solid #dddddd;
-					border-radius: 4upx;
-					font-size: 25upx;
-				}
-				.btn-box{
-					width: 100upx;
-					height: 60upx;
-					line-height: 60upx;
-					color: #ffffff;
-					background: #3385ff;
-					text-align: center;
-					border-radius: 10upx;
-				}
+		.position{
+			display: block;
+			width: 70upx;
+			text-align: center;
+		}
+		.iconcachu {
+			margin: 0 6upx 0 20upx;
+			color: #ccc;
+			&.edit {
+				color: #3385ff;
 			}
+		}
+		& > .num {
+			display: inline-block;
+			width: 130upx;
+			height:55upx;
+			line-height:55upx;
+			text-align:center;
+			margin: 0 8upx;
+			color: #868686;
+			border-radius: 22upx;
+			background-color: #f5f5f5;
+			font-size: 28upx;
+		}
+		.change-input {
+			width: 164upx;
+			height: 60upx;
+			line-height: 60upx;
+			text-align: center;
+			background: #ffffff;
+			border: 1upx solid #dddddd;
+			border-radius: 4upx;
+			font-size: 25upx;
+		}
+		.btn-box{
+			width: 100upx;
+			height: 60upx;
+			line-height: 60upx;
+			color: #ffffff;
+			background: #3385ff;
+			text-align: center;
+			border-radius: 10upx;
+		}
+	}
 
-					}
-				}
 			}
-			.summary-bar {
-				padding: 0 20upx;
-				height: 90upx;
-				display: flex;
+		}
+	}
+	.summary-bar {
+		padding: 0 20upx;
+		height: 90upx;
+		display: flex;
 
-				align-items: center;
-				justify-content: space-between;
-				border-top: 1px solid #eeeeee;
-				.operate-view {
-					display: flex;
-					align-items: center;
-					color: #3385ff;
-					font-size: 28upx;
-					font-weight:bold;
-					.iconfont {
-						margin-right: 20upx;
-						font-size: 40upx;
-					}
-				}
-				.describe-view {
-					display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-top: 1px solid #eeeeee;
+		.operate-view {
+			display: flex;
+			align-items: center;
+			color: #3385ff;
+			font-size: 28upx;
+			font-weight:bold;
+			.iconfont {
+				margin-right: 20upx;
+				font-size: 40upx;
+			}
+		}
+		.describe-view {
+			display: flex;
 
-					align-items: center;
-					color: #333;
-					font-size: 24upx;
-					.price {
-						font-weight: bold;
-						font-size: 36upx;
-					}
-				}
+			align-items: center;
+			color: #333;
+			font-size: 24upx;
+			.price {
+				font-weight: bold;
+				font-size: 36upx;
 			}
 		}
+	}
+}
 
 </style>