mp-ui-user/components/activity-help/activity-help.vue

<template>
	<view>
		<!-- 确认助力 -->
		<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>
			</view>
		</u-popup>
		<!-- 助力成功 -->
		<u-popup :show="closeShow" mode="center" round="17" @close="close" :closeable="true" overlayOpacity="0.5" @touchmove.prevent.stop>
		<!-- <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>
			</view>

		</u-popup>
	</view>
</template>

<script>
	import env from '../../config/env.js'
	import $http from '@/utils/request.js'
	export default {
		name: "activity-help",
		props: {
			//显示与隐藏
			activityShow: {
				type: [Boolean],
				default: false
			},
			//邀请码
			inviteCode: {
				type: [String],
				default: {}
			},
			//活动id
			marketingId: {
				type: [String],
				default: {}
			},

		},
		data() {
			return {
				closeShow: false, //邀请助力成功隐藏
			};
		},
		methods: {
			//关闭
			close() {
				this.$emit('close')
			},
			//确定助力
			activityHelp() {
				uni.showLoading({
					title: '助力中'
				});
				$http.post('/api/v1/mp/user/marketing/help', {
					inviteCode: this.inviteCode,
					marketingId: this.marketingId
				}).then(res => {
					uni.hideLoading();
					if (res.code == 0) {
						this.closeShow = true
					} else if (res.code == 500) {
						uni.$u.toast(res.msg);
						this.close()
					} else {}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>

</style>