助力邀请页面调整

components/activity-help/activity-help.vue

@@ -1,22 +1,40 @@
 <template>
 	<view>
 		<!-- 确认助力 -->
-		<u-popup :show="activityShow" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5" @touchmove.prevent.stop>
-			<view class="choiceShow-wrap">
-				<view style="width: 400rpx; height: 400rpx;line-height: 400rpx; text-align: center;">
-					是否帮好友助力
+		<u-popup :show="activityShow"  mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5"
+			@touchmove.prevent.stop>
+			<view class="activityShow" style="text-align: center;width: 600rpx; ">
+				<view style="position: relative;">
+					<image src="../../static/logo.png" mode="" style="position: absolute;top: -75rpx; left: 235rpx; height: 134rpx;width: 134rpx;border-radius: 100%;background-color: #FDFDFC;"></image>
+				</view>
+				<view class="" style="position: relative; margin-top: 25rpx;">
+					<image src="../../static/activity/anniu.png" mode="" style="width: 198rpx;height: 48rpx;"></image>
+					<text class="ells-one" style="width: 170rpx; position: absolute;left: 220rpx;top: 6rpx;font-size: 28rpx; color: #FDFDFC;font-weight: bold; text-align: center;">张三</text>
+				</view>
+				<view style="font-size: 36rpx;font-weight: bold;color: #333;">邀请您一起免费抽奖</view>
+				<image src="../../static/activity/tupian.png" mode="" style="width: 410rpx;height: 362rpx;"></image>
+				<view style="color: #FF8B0A;font-size: 73rpx;font-family: YouSheBiaoTiHei;font-weight: 400;">一起免费抽奖</view>
+				<view style="color: #F78B3C;font-size: 26rpx;line-height: 60rpx;">收下好意可以帮助好友完成抽奖助力</view>
+				<view class="activityShow-wrap" style="position: relative;" @click="activityHelp()">
+					<image src="../../static/activity/yuanjiao.png" mode="" style="width: 340rpx;height: 88rpx;margin-top: 20rpx;margin-bottom: 40rpx;"></image>
+					<view style="font-size: 34rpx; color: #FDFBFB; position: absolute; top: 40rpx;left: 235rpx;">收下好意</view>
 				</view>
-				<button @click="activityHelp()">确定助力</button>
 			</view>
 		</u-popup>
 		<!-- 助力成功 -->
 		<u-popup :show="closeShow" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5" @touchmove.prevent.stop>
-			<view class="choiceShow-wrap">
-				<view style="width: 400rpx; height: 400rpx;line-height: 400rpx; text-align: center;">
-					助力成功
+		<!-- <u-popup :show="true" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5" @touchmove.prevent.stop> -->
+			<view class="closeShow" style="text-align: center;width: 600rpx;height: 700rpx; ">
+				<view style="position: relative;">
+					<!-- <image src="../../static/activity/beijing.png" mode="" style="position: absolute;top: 0;left: 0;"></image> -->
+					<!-- <image src="../../static/activity/beijingtwo.png" mode=""></image> -->
+				</view>
+				<view class="closeShow-wrap" style="position: relative;" @click="close()">
+					<image src="../../static/activity/yuanjiao.png" mode="" style="width: 340rpx;height: 88rpx;margin-top: 20rpx;margin-bottom: 40rpx;"></image>
+					<view style="font-size: 34rpx; color: #FDFBFB; position: absolute; top: 40rpx;left: 255rpx;">确定</view>
 				</view>
-				<button @click="close()">取消</button>
 			</view>
+
 		</u-popup>
 	</view>
 </template>
@@ -25,7 +43,7 @@
 	import env from '../../config/env.js'
 	import $http from '@/utils/request.js'
 	export default {
-		name:"activity-help",
+		name: "activity-help",
 		props: {
 			//显示与隐藏
 			activityShow: {
@@ -42,11 +60,11 @@
 				type: [String],
 				default: {}
 			},
-			
+
 		},
 		data() {
 			return {
-				closeShow: false,//邀请助力成功隐藏
+				closeShow: false, //邀请助力成功隐藏
 			};
 		},
 		methods: {
@@ -64,13 +82,12 @@
 					marketingId: this.marketingId
 				}).then(res => {
 					uni.hideLoading();
-					if(res.code == 0){
+					if (res.code == 0) {
 						this.closeShow = true
-					} else if(res.code == 500){
+					} else if (res.code == 500) {
 						uni.$u.toast(res.msg);
 						this.close()
-					}else {
-					}
+					} else {}
 				})
 			}
 		},
@@ -79,4 +96,4 @@
 
 <style lang="scss" scoped>
 
-</style>
+</style>