选择奖品修改

packagePrize/choice/index.vue

@@ -61,17 +61,17 @@
 					<view class="choice-info-content-price" v-else>{{ actionInfo.value }}个</view>
 					<view class="choice-info-content-title" v-if="actionInfo.prizeType && actionInfo.prizeType.value != 'coin'">{{ actionInfo.title }}</view>
 					<view class="choice-info-content-title" v-else>盲豆</view>
-					<view class="choice-info-content-tip flex" @click="again">
-						<view class="txt">再来一张</view>
+					<view class="choice-info-content-btn flex">
+						<view class="choice-info-content-btn-content flex"  @click="toPrize(actionInfo.prizeType)">
+							<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
+							<view class="choice-info-content-btn-content-txt" v-if="actionInfo.prizeType && actionInfo.prizeType.value != 'coin'">哇，去瞅瞅我的宝贝</view>
+							<view class="choice-info-content-btn-content-txt" v-else>哇，去商城兑换商品</view>
+						</view>
 					</view>
 				</view>
 			</view>
-			<view class="choice-btn flex" v-if="comfirmShow">
-				<view class="choice-btn-content flex"  @click="toPrize(actionInfo.prizeType)">
-					<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
-					<view class="choice-btn-content-txt" v-if="actionInfo.prizeType && actionInfo.prizeType.value != 'coin'">哇，去瞅瞅我的宝贝</view>
-					<view class="choice-btn-content-txt" v-else>哇，去商城兑换商品</view>
-				</view>
+			<view class="choice-tip flex" @click="again" v-if="comfirmShow">
+				<view class="txt">再来一张</view>
 			</view>
 		</view>
 		
@@ -440,7 +440,7 @@
 		}
 		
 		&-info {
-			margin-bottom: 34rpx;
+			margin-bottom: 40rpx;
 			
 			&-content {
 				width: 70vw;
@@ -467,40 +467,41 @@
 					margin-bottom: 40rpx;
 				}
 				
-				&-tip {
-					.txt {
-						padding: 10rpx 0;
-						width: 75%;
-						text-align: center;
-						background: rgba(255, 211, 157, .44);
-						border-radius: 30rpx;
-						font-size: 30rpx;
-						font-weight: 500;
-						color: #fff;
+				&-btn {
+					&-content {
+						position: relative;
+						width: 70vw;
+						
+						image {
+							width: 70vw;
+							height: 112rpx;
+						}
+						
+						&-txt {
+							position: absolute;
+							top: 0;
+							height: 112rpx;
+							line-height: 112rpx;
+							font-size: 30rpx;
+							text-align: center;
+							color: #FFFFFF;
+						}
 					}
 				}
 			}
 		}
 		
-		&-btn {
-			&-content {
-				position: relative;
-				width: 70vw;
-				
-				image {
-					width: 70vw;
-					height: 112rpx;
-				}
-				
-				&-txt {
-					position: absolute;
-					top: 0;
-					height: 112rpx;
-					line-height: 112rpx;
-					font-size: 30rpx;
-					text-align: center;
-					color: #FFFFFF;
-				}
+		&-tip {
+			.txt {
+				width: 332rpx;
+				height: 66rpx;
+				line-height: 66rpx;
+				text-align: center;
+				background: rgba(255, 211, 157, .3);
+				border-radius: 34rpx;
+				font-size: 34rpx;
+				font-weight: 500;
+				color: #FB930D;
 			}
 		}
 	}

packagePrize/rolling/index.vue

@@ -66,21 +66,21 @@
 					<view class="prize-info-content-price" v-else>{{ prizeInfo.value }}个</view>
 					<view class="prize-info-content-title" v-if="prizeInfo.prizeType && prizeInfo.prizeType.value != 'coin'">{{ prizeInfo.title }}</view>
 					<view class="prize-info-content-title" v-else>盲豆</view>
-					<view class="prize-info-content-tip flex" v-if="isTry == 0" @click="back">
-						<view class="txt">再来一张</view>
+					<view class="prize-info-content-btn flex">
+						<view class="prize-info-content-btn-content flex" v-if="isTry == 0">
+							<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
+							<view class="prize-info-content-btn-content-txt" @click="toPrize(prizeInfo.prizeType)" v-if="prizeInfo.prizeType && prizeInfo.prizeType.value != 'coin'">哇，去瞅瞅我的宝贝</view>
+							<view class="prize-info-content-btn-content-txt" @click="toPrize(prizeInfo.prizeType)" v-else>哇，去商城兑换商品</view>
+						</view>
+						<view class="prize-info-content-btn-content flex" v-else @click="back">
+							<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
+							<view class="prize-info-content-btn-content-txt">来把真的</view>
+						</view>
 					</view>
 				</view>
 			</view>
-			<view class="prize-btn flex">
-				<view class="prize-btn-content flex" v-if="isTry == 0">
-					<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
-					<view class="prize-btn-content-txt" @click="toPrize(prizeInfo.prizeType)" v-if="prizeInfo.prizeType && prizeInfo.prizeType.value != 'coin'">哇，去瞅瞅我的宝贝</view>
-					<view class="prize-btn-content-txt" @click="toPrize(prizeInfo.prizeType)" v-else>哇，去商城兑换商品</view>
-				</view>
-				<view class="prize-btn-content flex" v-else @click="back">
-					<image src="../../packagePrize/static/rolling_btn.png" mode="aspectFit"></image>
-					<view class="prize-btn-content-txt">来把真的</view>
-				</view>
+			<view class="prize-tip flex" v-if="isTry == 0" @click="back">
+				<view class="txt">再来一张</view>
 			</view>
 		</view>
 	</view>
@@ -538,7 +538,7 @@
 		}
 		
 		&-info {
-			margin-bottom: 34rpx;
+			margin-bottom: 40rpx;
 			
 			&-content {
 				width: 70vw;
@@ -562,44 +562,46 @@
 					font-size: 36rpx;
 					line-height: 36rpx;
 					color: #FFFFFF;
-					margin-bottom: 40rpx;
+					margin-bottom: 50rpx;
 				}
 				
-				&-tip {
-					.txt {
-						padding: 10rpx 0;
-						width: 75%;
-						text-align: center;
-						background: rgba(255, 211, 157, .44);
-						border-radius: 30rpx;
-						font-size: 30rpx;
-						font-weight: 500;
-						color: #FFF;
+				&-btn {
+					&-content {
+						position: relative;
+						width: 70vw;
+						
+						image {
+							width: 70vw;
+							height: 112rpx;
+						}
+						
+						&-txt {
+							position: absolute;
+							top: 0;
+							height: 112rpx;
+							line-height: 112rpx;
+							font-size: 30rpx;
+							text-align: center;
+							color: #FFFFFF;
+						}
 					}
 				}
 			}
 		}
 		
-		&-btn {
-			&-content {
-				position: relative;
-				width: 70vw;
-				
-				image {
-					width: 70vw;
-					height: 112rpx;
-				}
-				
-				&-txt {
-					position: absolute;
-					top: 0;
-					height: 112rpx;
-					line-height: 112rpx;
-					font-size: 30rpx;
-					text-align: center;
-					color: #FFFFFF;
-				}
+		&-tip {
+			.txt {
+				width: 332rpx;
+				height: 66rpx;
+				line-height: 66rpx;
+				text-align: center;
+				background: rgba(255, 211, 157, .3);
+				border-radius: 34rpx;
+				font-size: 34rpx;
+				font-weight: 500;
+				color: #FB930D;
 			}
 		}
+		
 	}
 </style>