mnsx/pages/user/shareEx.vue

<template>
	<view class="content">
		<image src="../../static/img/share-card.jpg" mode="" class="bg"></image>
		<view class=""></view>
		<view class="share-user-logo"><image :src="userlogo" mode=""></image></view>
		<view class="good">
			{{ num }}
			<text>元</text>
		</view>
		<view class="good-tit">某娘鲜食红包</view>
		<button class="share-btn" open-type="share" v-if="couldshare == 1">立即分享</button>
		<view class="share-btn" v-if="couldshare == 2" @click="getGift">{{ jsspan }}</view>
	</view>
</template>

<script>
import { getredbag } from '@/api/user.js';
export default {
	data() {
		return {
			userlogo: '',
			shareId: '',
			nickname: '',
			num: '',
			couldshare: 0,
			jsspan: '立即领取'
		};
	},
	onLoad(opt) {
		this.userlogo = opt.logo;
		this.shareId = opt.shareid;
		this.nickname = opt.nickname;
		this.num = opt.num;
		this.couldshare = opt.type;

		// #ifdef MP
		if (opt.type == 2) {
			if (opt.scene) {
				// 存储小程序邀请人
				uni.setStorage({
					key: 'spread_code',
					data: opt.scene
				});
			}
		}
		// #endif
	},
	// 分享
	onShareAppMessage(options) {
		let obj = this;
		// 设置菜单中的转发按钮触发转发事件时的转发内容
		let pages = getCurrentPages(); //获取加载的页面
		let currentPage = pages[pages.length - 1]; //获取当前页面的对象
		let url = currentPage.route; //当前页面url
		let item = currentPage.options; //如果要获取url中所带的参数可以查看options
		// let name = this.goodsObjact.store_name || this.goodsObjact.title;
		let shareObj = {
			title: obj.nickname + '分享某娘鲜食红包', // 默认是小程序的名称(可以写slogan等)
			path: url + '?shareid=' + item.shareid + '&scene=' + item.scene + '&logo=' + item.logo + '&num=' + item.num + '&type=2' + '&nickname=' + item.nickname, // 默认是当前页面，必须是以‘/’开头的完整路径
			success: function(res) {
				console.log(shareObj.path, 'path+++++++++++++++++++');
				// 转发成功之后的回调
				if (res.errMsg == 'shareAppMessage:ok') {
				}
			},
			fail: function() {
				// 转发失败之后的回调
				if (res.errMsg == 'shareAppMessage:fail cancel') {
					// 用户取消转发
				} else if (res.errMsg == 'shareAppMessage:fail') {
					// 转发失败，其中 detail message 为详细失败信息
				}
			}
		};

		return shareObj;
	},
	methods: {
		getGift() {
			let obj = this;
			console.log('ddd');
			getredbag({}, this.shareId)
				.then(res => {
					console.log(res);
					uni.showToast({
						title: '领取成功',
						duration: 2000
					});
					obj.jsspan = '已领取';
					setTimeout(() => {
						uni.switchTab({
							url: '/pages/index/index'
						});
					}, 1500);
				})
				.catch(err => {
					console.log(err);
				});
		}
	}
};
</script>

<style lang="scss" scoped>
page {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}
.content {
	position: relative;
	background-color: #ffffff;
	min-height: 100%;
	.bg {
		// position: absolute;
		width: 750rpx;
		height: 1334rpx;
	}
	.share-btn {
		width: 492rpx;
		height: 86rpx;
		background-color: #ebd49e;
		border-radius: 43rpx;
		text-align: center;
		line-height: 86rpx;
		color: #ee2f72;
		font-weight: bold;
		font-size: 36rpx;
		position: absolute;
		top: 1159rpx;
		left: 130rpx;
	}
	.share-user-logo {
		position: absolute;
		top: 400rpx;
		left: 0;
		right: 0;
		margin: auto;
		width: 118rpx;
		height: 118rpx;
		border-radius: 50%;
		image {
			width: 118rpx;
			height: 118rpx;
			border-radius: 50%;
		}
	}
	.good {
		border-radius: 20rpx;
		position: absolute;
		top: 560rpx;
		left: 0;
		right: 0;
		margin: auto;
		color: #eb5648;
		font-weight: bold;
		text-align: center;
		font-size: 160rpx;
		text {
			font-size: 80rpx;
		}
	}
	.good-tit {
		font-size: 40rpx;
		position: absolute;
		color: #eb5648;
		text-align: center;
		width: 750rpx;
		top: 800rpx;
	}
}
</style>