与账户有个约会活动

App.vue

@@ -14,4 +14,7 @@
 
 <style>
 	/*每个页面公共css */
+	body{
+		font-family: PingFangSC-Medium;
+	}
 </style>

pages/index/index.vue

@@ -1,24 +1,18 @@
 <template>
 	<scroll-view class="content" scroll-y>
-		<image src="../../static/image/bg.png" mode="widthFix" style="width: 100%;display: block;"></image>
+		<image src="../../static/image/bg_new.png" mode="widthFix" style="width: 100%;display: block;"></image>
 		<uni-popup ref="popupRef" type="center" :is-mask-click="false" :mask-click="false">
-			<view class="popup-content" style="background-image:url('../../static/image/popup_bg.png');height:360rpx">
+			<view class="popup-content" style="background-image:url('../../static/image/popup_new.png');height:560rpx">
-				<view class="number">红包已领取<text style="color:#F71E00">{{num}}</text>元</view>
+				<view class="tips">恭喜您提现成功</view>
-				<view class="tips">请留意微信支付入账信息</view>
+				<view class="number">{{ num }}<text>元</text></view>
 				<view class="btn" @click="closePopup">
-					<image src="../../static/image/popup_btn.png"></image>
+					<image src="../../static/image/know_btn.png"></image>
 				</view>
-				<!-- <view class="close">
-					<image src="../../static/image/ic_close.png" @click="closePopup"></image>
-				</view> -->
 			</view>
 		</uni-popup>
 		<uni-popup ref="popupNullRef" type="center" :is-mask-click="false" :mask-click="false">
-			<view class="popup-content" style="background-image:url('../../static/image/null.png');height:260rpx">
+			<view class="popup-null" style="background-image:url('../../static/image/null.png');height:260rpx">
 				<view class="tips_null">暂无可领取的红包！</view>
-				<!-- <view class="close">
-					<image src="../../static/image/ic_close.png" @click="closePopup"></image>
-				</view> -->
 			</view>
 		</uni-popup>
 	</scroll-view>
@@ -47,6 +41,9 @@
 			};
 			uni.setStorageSync('orderInfo',JSON.stringify(orderInfo));
 			checkEvent()
+			//改界面看效果调试专用
+			// num.value = 94 / 100
+			// popupRef.value.open()
 		}else{
 			sendEvent()	
 		}
@@ -59,33 +56,9 @@
 				recieveEvent()
 			}else{
 				popupNullRef.value.open()
-				// uni.showModal({
-				// 	title: '提示',
-				// 	content: '暂无可领取的红包！',
-				// 	showCancel:false,
-				// 	success: function (res) {
-				// 		if (res.confirm) {
-				// 			console.log('用户点击确定');
-				// 		} else if (res.cancel) {
-				// 			console.log('用户点击取消');
-				// 		}
-				// 	}
-				// });
 			}
 		}).catch(() => {
 			popupNullRef.value.open()
-			// uni.showModal({
-			// 	title: '提示',
-			// 	content: '暂无可领取的红包！',
-			// 	showCancel:false,
-			// 	success: function (res) {
-			// 		if (res.confirm) {
-			// 			console.log('用户点击确定');
-			// 		} else if (res.cancel) {
-			// 			console.log('用户点击取消');
-			// 		}
-			// 	}
-			// });
 		})
 	}
 	//发送红包的事件
@@ -126,38 +99,10 @@
 		width: 100vw;
 		height: 100vh;
 		overflow-y: auto;
-		.tips-text{
+		background-color: #d6adff;
-			color:#310000;
-			font-size:40rpx;
-			position: absolute;
-			top:50%;
-			left:50%;
-			transform: translate(-50%,-50%);
 	}
-		.btn-area{
+	.popup-null{
-			position: absolute;
-			top:50%;
-			left:50%;
-			transform: translate(-50%,-50%);
-			image{
-				width:300rpx;
-				height:100rpx;
-				border-radius:100rpx;
-			}
-		}
-		.tips-area{
-			width:700rpx;
-			margin-top:40rpx;
-			.tips-img{
-				display: block;
-				width:100%;
-			}
-		}
-	}
-	.popup-content{
 		width:610rpx;
-		/* height:360rpx; */
-		/* background: url("../../static/image/popup_bg.png") no-repeat; */
 		background-repeat:no-repeat;
 		background-size:cover;
 		display: flex;
@@ -165,26 +110,6 @@
 		align-items: center;
 		box-sizing: border-box;
 		position: relative;
-		.number{
-			color:#834525;
-			font-size:40rpx;
-			margin-top:70rpx;
-			margin-bottom:15rpx;
-			> text{
-				font-size:40rpx;
-				margin:0 12rpx;
-				display: inline-block;
-			}
-		}
-		.tips{
-			color:#d9c3b5;
-			font-size:30rpx;
-			margin-bottom:25rpx;
-			margin-top:50rpx;
-			opacity: 0.6;
-			font-size:28rpx;
-			font-weight:400;
-		}
 		.tips_null{
 			color:#666;
 			font-size:30rpx;
@@ -196,17 +121,43 @@
 			left:50%;
 			transform: translate(-50%,-50%);
 		}
-		.btn > image{
-			width:350rpx;
-			height:76rpx;
 	}
-		.close {
+	.popup-content{
+		width:518rpx;
+		//width:610rpx;
+		background-repeat:no-repeat;
+		background-size:cover;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		box-sizing: border-box;
+		position: relative;
+		.number{
+			color:#A000FF;
+			font-size:82rpx;
+			margin-bottom:10rpx;
+			font-weight:600;
+			> text{
+				font-size:36rpx;
+				margin-left:2rpx;
+				display: inline-block;
+				font-weight:400;
+			}
+		}
+		.tips{
+			color:#602BAA;
+			font-size:32rpx;
+			margin-bottom:10rpx;
+			margin-top:120rpx;
+			font-weight:500;
+		}
+		.btn{
 			position: absolute;
-			bottom:-100rpx;
+			bottom:32rpx;
-			> image {
-				width:60rpx;
-				height:60rpx;
 		}
+		.btn > image{
+			width:320rpx;
+			height:88rpx;
 		}
 	}
 </style>