Эх сурвалжийг харах

获奖名单页,中奖与非中奖弹框修改

DELL 3 жил өмнө
parent
commit
c473be9f38

+ 27 - 25
packageOperate/activity/record.vue

@@ -53,7 +53,6 @@
 				</view>
 				<view class="activityShow-wrap-rela">
 					<image :src="listData.prizePicUrl" mode="aspectFit" class="relaimg"></image>
-					<!-- <image src="../static/activity/effectstwo.png" mode="aspectFit" class="relaimg"></image> -->
 				</view>
 				<view v-if="listData.prizeType && listData.prizeType !='COIN'" class="activityShow-wrap-library">
 					奖品已放入我的仓库</view>
@@ -71,7 +70,7 @@
 		</u-popup>
 
 		<!-- 未中奖 -->
-		<u-popup :show="closeShow" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5"
+		<u-popup :show="closeShow" mode="center" round="11" @close="close" :closeable="true" overlayOpacity="0.5"
 			@touchmove.prevent.stop>
 			<view class="choiceShow-wrap">
 				<view class="choiceShow-wrap-award">
@@ -79,9 +78,9 @@
 					<view class="awardone">
 						很遗憾, 您未中奖
 					</view>
-					<view  class="awardtwo">
+					<!-- <view  class="awardtwo">
 						欢迎继续参与其他抽奖, 好运就在你身边
-					</view>
+					</view> -->
 				</view>
 				<button @click="close()" class="btntwo">确定</button>
 			</view>
@@ -266,18 +265,18 @@
 	.activityShow-wrap {
 		border-radius: 22rpx;
 		overflow: hidden;
-		width: 600rpx;
-		height: 650rpx;
+		width: 550rpx;
+		height: 630rpx;
 
 		&-rela {
 			position: relative;
 
 			.relaimg {
 				margin-top: 130rpx;
-				height: 250rpx;
+				height: 270rpx;
 				position: absolute;
-				top: -260rpx;
-				left: 125rpx;
+				top: -280rpx;
+				left: 102rpx;
 				width: 350rpx;
 			}
 		}
@@ -286,7 +285,9 @@
 			width: 100%;
 			height: 320rpx;
 			text-align: center;
-			background: linear-gradient(0deg, #FF866B, #FFAE64);
+			// background: linear-gradient(0deg, #FF866B, #FFAE64);
+			// box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
+			background: linear-gradient(180deg, #FC981B, #F4641B);
 			box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
 			text-align: center;
 
@@ -295,7 +296,7 @@
 				color: #fff;
 				font-weight: bold;
 				line-height: 80rpx;
-				padding-top: 50rpx;
+				padding-top: 30rpx;
 
 				&-name {
 					font-size: 30rpx;
@@ -315,24 +316,23 @@
 		}
 
 		&-btn {
-			// padding-bottom: 40rpx;
 			padding: 10rpx 20rpx 40rpx;
 
 			.btnone {
-				width: 252rpx;
-				height: 84rpx;
-				font-size: 34rpx;
-				line-height: 82rpx;
+				width: 200rpx;
+				height: 78rpx;
+				font-size: 32rpx;
+				line-height: 74rpx;
 				background-color: #fff;
 				color: #F8832C;
 				border: 2rpx solid #F8832C;
 			}
 
 			.btntwo {
-				width: 252rpx;
-				height: 82rpx;
-				font-size: 34rpx;
-				line-height: 82rpx;
+				width: 200rpx;
+				height: 78rpx;
+				font-size: 32rpx;
+				line-height: 74rpx;
 				background-color: #F8832C;
 				color: #fff;
 				border: 2rpx solid #F8832C;
@@ -343,14 +343,16 @@
 	.choiceShow-wrap {
 		border-radius: 22rpx;
 		overflow: hidden;
-		width: 600rpx;
-		height: 500rpx;
+		width: 550rpx;
+		height: 340rpx;
 		&-award {
 			width: 100%;
-			height: 290rpx;
+			height: 190rpx;
 			text-align: center;
 			font-weight: bold;
-			background: linear-gradient(0deg, #FF866B, #FFAE64);
+			// background: linear-gradient(0deg, #FF866B, #FFAE64);
+			// box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
+			background: linear-gradient(180deg, #FC981B, #F4641B);
 			box-shadow: 0px 6px 6px 0px rgba(26, 109, 190, 0.1);
 			text-align: center;
 			.awardone {
@@ -367,7 +369,7 @@
 			line-height: 82rpx;
 			background-color: #F8832C;
 			color: #fff;
-			margin-top: 50rpx;
+			margin-top: 30rpx;
 		}
 
 	}