充电金增加限制

pages/user/InviteFriends.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="all">
 		<u-mask :show="show" @click="show = false">
-				<u-image width="100%" height="500px"  :mode="'widthFix'"  src="@/assets/static/img/guide_point.png"></u-image>			
+				<u-image width="100%" height="1000rpx"  :mode="'widthFix'"  src="@/assets/static/img/guide_point.png"></u-image>			
 		</u-mask>
 		
 		<ujp-navbar title="邀请好友"></ujp-navbar>
@@ -22,7 +22,7 @@
 			<view class="InviteFriends-main">
 
 				
-				<view class="InviteFriends-reward" style="padding-bottom: 20px ;" >
+				<view class="InviteFriends-reward" style="padding-bottom: 40rpx ;" >
 					<img id="qrcode" style="display: none;">
 					
 					<view class="reward-main" style="text-align:center;" >
@@ -110,7 +110,7 @@
 			:show-cancel-button="true" 
 			ref="uModal2" :asyncClose="true" 
 			 >
-			<view style="padding: 15px;"
+			<view style="padding: 30rpx;"
 			
 			>请关注<span style=" color:  #53b56b;">{{projectName}}</span>公众号，以便第一时间收到充电结束消息提醒</view>
 		</u-modal>
@@ -374,21 +374,22 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		padding-top: 36px;
+		padding-top: 72rpx;
 		.textImg{
-			margin:20px 0 10px;
+			margin:40rpx 0 20rpx;
 		}
 	}
 	.opacityClass{
 		    opacity: 0.2;
 	}
 	.InviteFriends-main{
+		margin-top: 10rpx;
 		padding: 0 58rpx;
 	}
 	.InviteFriends-coupons{
 		background-color: #fff;
-		border-radius: 20px;
-		padding: 20px;
+		border-radius: 40rpx;
+		padding: 40rpx;
 		.h4{
 			color: rgba(16, 16, 16, 1);
 			font-size: 32rpx;
@@ -405,16 +406,14 @@
 					font-size: themed('font-size17');
 					line-height:themed('font-size17')
 				}
-/*				
-				font-size: 44px;
-				line-height: 44px;*/
+
 				color:#FF9600;
 			}
 			span{
 				@include themeify{
 					font-size: themed('font-size4');
  				}
-/*				font-size: 18px;*/
+
 				margin-left: 4rpx;
 			}
 		}
@@ -425,56 +424,56 @@
 			&:before{
 				content: '';
 				position: absolute;
-				height: 15px;
-				width: 15px;
+				height: 30rpx;
+				width: 30rpx;
 				background-color:#2dc67f ;
 				border-radius: 50%;
-				left:-27px;
-				top:-7px;
+				left:-54rpx;
+				top:-14rpx;
 			}
 			&:after{
 				content: '';
 				position: absolute;
-				height: 15px;
-				width: 15px;
+				height: 30rpx;
+				width: 30rpx;
 				background-color:#2dc67f ;
 				border-radius: 50%;
-				right:-27px;
-				top:-7px;
+				right:-54rpx;
+				top:-14rpx;
 			}
 		}
 		.coupons-btn{
 			background-color: #FF9600;
-			margin-top: 20px;
-			height: 50px;
+			margin-top: 40rpx;
+			height: 100rpx;
 			text-align: center;
-			line-height: 50px;
-			border-radius: 25px;
+			line-height: 100rpx;
+			border-radius: 50rpx;
 		
 
-			font-size: 20px;
+			font-size: 40rpx;
 			color:#fff;
 			span{
-				margin-left: 8px;
+				margin-left: 32rpx;
 			}
 		}
 	}
 	.InviteFriends-title{
 		color:#fff;
-		margin: 40px 0 24px;
+		margin: 80rpx 0 48rpx;
 		@include themeify{
 			font-size: themed('font-size4');
 		}
-/*		font-size: 18px;*/
+
 	}
 	.InviteFriends-info{
 		background-color: #fff;
-		border-radius: 20px;
-		padding: 20px;
+		border-radius: 40rpx;
+		padding: 40rpx;
 		.InviteFriends-info-row{
 			display: flex;
 			align-items: center;
-			margin-bottom: 20px;
+			margin-bottom: 40rpx;
 			&:last-child{
 				margin-bottom: 0;
 			}
@@ -483,13 +482,13 @@
 				@include themeify{
 					font-size: themed('font-size3');
 				}
-/*				font-size: 16px;*/
+ 
 			}
 		}
 	}
 	.InviteFriends-tips{
-		padding-left:30px;
-		margin-top: -16px;
+		padding-left:60rpx;
+		margin-top: -32rpx;
 		span{
 			float: left;
 			color:#FF1C1C;
@@ -500,17 +499,17 @@
 	}
 	.reward-head{
 		background-color: #00B962;
-		border-radius: 16px 16px 0 0;
-		height: 70px;
+		border-radius: 32rpx 32rpx 0 0;
+		height: 140rpx;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		padding: 0 15px 0 20px;
-		margin: 0 4px;
+		padding: 0 30rpx 0 40rpx;
+		margin: 0 8rpx;
 		p{
 			color:#fff;
 /*			;*/
-			font-size: 18px
+			font-size: 36rpx
 		}
 		.reward-head-price{
 			color:#fff;
@@ -522,86 +521,25 @@
 					line-height: themed('font-size13');
 					
 				}
-/*				font-size: 36px;
-				line-height: 36px;*/
+
 				margin-right: 4rpx;
 			}
 		}
 	}
 	.reward-main{
 		background-color: #fff;
-		border-radius: 16px;
-		padding: 24px;
-		margin-top: -4px;
-		.reward-info{
-			display: flex;
-			justify-content: space-between;
-			.reward-info-item{
-				width: 244rpx;
-				height: 244rpx;
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				border:1px solid  #CBE1D7 ;
-				justify-content: center;
-				border-radius: 24rpx;
-			}
-			p{
-				@include themeify{
-					font-size: themed('font-size3');
- 				}
-/*				font-size: 16px;*/
-				color:#666;
-				margin-bottom: 10px;
-			}
-			.reward-info-price{
-				display: flex;
-				align-items: flex-end;
-				h2{
-					@include themeify{
-						font-size: themed('font-size17');
-						line-height: themed('font-size17');
-					}
-/*	
-					font-size: 44px;
-					line-height: 44px;*/
-					margin-right: 4rpx;
-					color:#00B962;
-				}	
-			}
-			.reward-info-item2{
-				background-color:#E6EEEA;
-				border: none;
-				.reward-info-price h2{
-					color:#333;
-				}
-			}
-		}
-		.reward-btn{
-			height: 40px;
-			width: 120px;
-			border-radius: 20px;
-			background-color: #00B962 ;
-/*			line-height: 40px;*/
-			color:#fff;
-			text-align: center;
-			@include themeify{
-				font-size: themed('font-size4');
-				line-height: themed('font-size15');
- 			}
-/*			font-size: 18px;*/
-			margin: 20px auto;
-		}
+		border-radius: 32rpx;
+		padding: 48rpx;
+		margin-top: -8rpx;
+		
+		
 	}
 	.reward-list{
-		//border-top: 1px dashed #cacaca;
-		//padding-top: 20px;
+	 
 		.reward-list-title{
-			@include themeify{
-				font-size: themed('font-size4');
- 			}
-/*			font-size: 18px;*/
-			margin-bottom: 20px;
+			
+			font-size: 40rpx;
+			margin-bottom: 40rpx;
 		}
 		.rewardList-item{
 			display: flex;
@@ -610,7 +548,7 @@
 			margin-top: 24rpx;
 			span{
 				margin-left: 24rpx;
-/*				font-size: 16px;*/
+ 
 				@include themeify{
 					font-size: themed('font-size3');
  				}
@@ -623,7 +561,7 @@
 	.InviteFriends-foot{
 		text-align: center;
 		color:#2A9563;
-		padding: 20px 0 64px;
+		padding: 40rpx 0 128rpx;
 	}
 	.qrcode3{
 		color: rgba(16, 16, 16, 1);