123456

api/user.js

@@ -17,6 +17,23 @@ export function getUserInfo(data) {
 		data
 	});
 }
+// 获取分享
+export function setShare(data) {
+	return request({
+		url: '/api/user/set_share',
+		method: 'post',
+		data
+	});
+}
+
+// 分享
+export function share(data) {
+	return request({
+		url: '/api/share',
+		method: 'get',
+		data
+	});
+}
 
 // 用户分享图
 export function spreadBanner(data) {

pages.json

@@ -361,11 +361,11 @@
 				"navigationBarTitleText": "添加支付宝"
 			}
 		},
-		
+
 		{
 			"path": "pages/collection/wx",
 			"style": {
-			"navigationBarTitleText": "添加微信"
+				"navigationBarTitleText": "添加微信"
 			}
 		},
 		{
@@ -450,6 +450,15 @@
 			"style": {
 				"navigationBarTitleText": "邀请好友"
 			}
+		}, {
+			"path": "pages/user/share",
+		
+		"style":{
+			"navigationBarTitleText": "邀请任务"
+		}
+		
+
+
 		}
 	],
 	"globalStyle": {

pages/contract/agreement.vue

@@ -6,22 +6,21 @@
 			为维护您自身权益，请您仔细阅读本协议，您点击“同意并继续”按钮后，本协议即构成对双方具有约束力的法律文件； 阅读本协议过程中，
 			如您不同意本协议或其中任何条款的约定，您应立即停止注册程序。
 		</view>
-		<view class="title">总则所有权和运营权归咪兔网络科技有限公司所有。</view>
+		<view class="title">总则所有权和运营权归浙江青春集健康科技有限公司所有。（浙江青春集健康科技有限公司以下简称：青春集公司）</view>
 		<view class="title">一、用户协议细则</view>
-		<view class="content">1.1 、用户在注册之前,应当仔细阅读本协议,并同意遵守本协议后方可成为注册用户。一旦注册成功,则用户与咪兔网络科技有限公司间自动形成协议关系,用户应当受本协议的约束。用户在使用特殊的服务或产品时,应当同意接受相关协议后方能使用。</view>
-		<view class="content">1.2 、本协议则可由咪兔网络科技有限公司随时更新,用户应当及时关注并同意本站不承担通知义务。本站的通知、公告、声明或其它类似内容是本协议的一部分。</view>
+		<view class="content">1.1 用户在注册之前,应当仔细阅读本协议,并同意遵守本协议后方可成为注册用户。一旦注册成功,则用户与青春集公司间自动形成协议关系,用户应当受本协议的约束。用户在使用特殊的服务或产品时,应当同意接受相关协议后方能使用。</view>
+		<view class="content">1.2 本协议可由青春集公司随时更新,用户应当及时关注并同意本站不承担通知义务。本站的通知、公告、声明或其它类似内容是本协议的一部分。</view>
 		<view class="title">二、服务内容</view>
-		<view class="content">2.1 、咪兔网络科技有限公司的具体内容由本站根据实际情况提供。</view>
-		<view class="content">2.2 、本站仅提供相关的网络服务,除此之外与相关网络服务有关的设备(如个人电脑、手机、及其他与接入互联网或移动网有关的装置)及所需的费用(如为接入互联网而支付的电话费及上网费、为使用移动网而支付的手机费)均应由用户自行负担。</view>
+		<view class="content">2.1 青春集公司的具体内容由本站根据实际情况提供。</view>
+		<view class="content">2.2 本站仅提供相关的网络服务,除此之外与相关网络服务有关的设备(如个人电脑、手机、及其他与接入互联网或移动网有关的装置)及所需的费用(如为接入互联网而支付的电话费及上网费、为使用移动网而支付的手机费)均应由用户自行负担。</view>
 		<view class="title">三、用户帐号</view>
 		<view class="content">
-			3.1 经本站注册系统完成注册程序并通过身份认证的用户即成为正式用户,可以获得本站规定用户所应享有的一切权限;未经认证仅享有本站规定的部分会员权限。咪兔网络科技有限公司有权对会员的权限设计进行变更。
+			3.1 经本站注册系统完成注册程序并通过身份认证的用户即成为正式用户,可以获得本站规定用户所应享有的一切权限;未经认证仅享有本站规定的部分会员权限。青春集公司有权对会员的权限设计进行变更。
 		</view>
 		<view class="content">3.2 用户只能按照注册要求使用真实姓名,及身份证号注册。用户有义务保证密码和帐号的安全,用户利用该密码和帐号所进行的一切活动引起的任何损失或损害,由用户自行承担全部责任,本站不承担任何责任。如用户发现帐号遭到未授权的使用或发生其他任何安全问题,应立即修改帐号密码并妥善保管,如有必要,请通知本站。因黑客行为或用户的保管疏忽导致帐号非法使用,本站不承担任何责任。</view>
 		<view class="title">四、使用规则</view>
 		<view class="content">
-			4.1
-			遵守中华人民共和国相关法律法规,包括但不限于《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》、《最高人民法院关于审理涉及计算机网络著作权纠纷案件适用法律若干问题的解释(法释[2004]1号)》、《全国人大常委会关于维护互联网安全的决定》、《互联网电子公告服务管理规定》、《互联网新闻信息服务管理规定》、《互联网著作权行政保护办法》和《信息网络传播权保护条例》等有关计算机互联网规定和知识产权的法律和法规、实施办法。
+			4.1遵守中华人民共和国相关法律法规,包括但不限于《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》、《最高人民法院关于审理涉及计算机网络著作权纠纷案件适用法律若干问题的解释(法释[2004]1号)》、《全国人大常委会关于维护互联网安全的决定》、《互联网电子公告服务管理规定》、《互联网新闻信息服务管理规定》、《互联网著作权行政保护办法》和《信息网络传播权保护条例》等有关计算机互联网规定和知识产权的法律和法规、实施办法。
 		</view>
 		<view class="content">4.2 用户对其自行发表、上传或传送的内容负全部责任,所有用户不得在本站任何页面发布、转载、传送含有下列内容之一的信息,否则本站有权自行处理并不通知用户:</view>
 		<view class="content">
@@ -45,7 +44,7 @@
 		<view class="content">②遵守所有与网络服务有关的网络协议、规定和程序;</view>
 		<view class="content">③不得利用本站进行任何可能对互联网的正常运转造成不利影响的行；</view>
 		<view class="content">④不得利用本站进行任何不利于本站的行为。</view>
-		<view class="content">4.4 如用户在使用网络服务时违反上述任何规定,本站有权要求用户改正或直接采取一切必要的措施(包括但不限于删除用户张贴的内容、暂停或终止用户使用网络服务的权利)以减轻用户不当行为而造成的影响。</view>
+		<view class="content">4.5 如用户在使用网络服务时违反上述任何规定,本站有权要求用户改正或直接采取一切必要的措施(包括但不限于删除用户张贴的内容、暂停或终止用户使用网络服务的权利)以减轻用户不当行为而造成的影响。</view>
 		<view class="title">五、隐私保护</view>
 		<view class="content">
 			5.1
@@ -59,18 +58,18 @@
 		</view>
 		<view class="title">六、版权声明</view>
 		<view class="content">
-			6.1 本站的文字、图、音频、视频等版权均归咪兔网络科技有限公司享有或与作者共同享有,未经本站许可,不得任意转载。
+			6.1 本站的文字、图、音频、视频等版权均归青春集公司享有或与作者共同享有,未经本站许可,不得任意转载。
 		</view>
 		<view class="content">
-			6.2 本站特有的标识、版面设计、编排方式等版权均属咪兔网络科技有限公司享有,未经本站许可,不得任意复制或转载。
+			6.2 本站特有的标识、版面设计、编排方式等版权均属青春集公司享有,未经本站许可,不得任意复制或转载。
 		</view>
-		<view class="content">6.3 使用本站的任何内容均应注明“来源于合和商城”及署上作者姓名,按法律规定需要支付稿酬的,应当通知本站及作者及支付稿酬,并独立承担一切法律责任。</view>
+		<view class="content">6.3 使用本站的任何内容均应注明“来源于咪兔合和商城”及署上作者姓名,按法律规定需要支付稿酬的,应当通知本站及作者及支付稿酬,并独立承担一切法律责任。</view>
 		<view class="content">6.4 本站享有所有作品用于其它用途的优先权,包括但不限于网站、电子杂志、平面出版等,但在使用前会通知作者,并按同行业的标准支付稿酬。</view>
 		<view class="content">6.5 本站所有内容仅代表作者自己的立场和观点,与本站无关,由作者本人承担一切法律责任。</view>
 		<view class="content">6.6 恶意转载本站内容的,本站保留将其诉诸法律的权利。</view>
 		<view class="content">七、责任声明</view>
 		<view class="content">
-			7.1 用户明确同意其使用本站网络服务所存在的风险及一切后果将完全由用户本人承担,合和商城对此不承担任何责任。
+			7.1 用户明确同意其使用本站网络服务所存在的风险及一切后果将完全由用户本人承担,咪兔合和商城对此不承担任何责任。
 		</view>
 		<view class="content">
 			7.2 本站无法保证网络服务一定能满足用户的要求,也不保证网络服务的及时性、安全性、准确性。
@@ -98,8 +97,8 @@
 		<view class="content">③任务补贴活动时给您的总任务数只是一个最高补贴数，您只能作为参考不能当成您的报酬，只有通过您完成任务后获得的补贴才能算您的报酬。</view>
 		<view class="content">④您在参加任务补贴活动时一定按照自己需求购买产品，不能当成投资或投机行为购买产品，因此造成损失本站概不负责。</view>
 		<view class="content">⑤您不能听信任何人在推广活动时的口头承诺，一切以本协议为准。</view>
-		<view class="content">⑥任务补贴活动会根据总的推广量或分享量随时调整或取消，活动取消时本站只对您已经完成的补贴数进行约定兑付。</view>
-		<view class="content">⑦因政策不允许此种补贴活动时，本站立即取消本活动，但会对您已经完成的补贴数进行约定兑付。</view>
+		<view class="content">⑥任务补贴活动会根据总的推广量或分享量随时调整或取消。。</view>
+		<view class="content">⑦因政策不允许此种补贴活动时，本站立即取消本活动.</view>
 		<view class="title">八、附则</view>
 		<view class="content">
 			8.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。
@@ -108,7 +107,7 @@
 			8.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力,本协议的其余条款仍应有效并且有约束力。
 		</view>
 		<view class="content">
-			8.3 本协议解释权及修订权归台州咪兔网络科技有限公司所有。
+			8.3 本协议解释权及修订权归青春集公司所有。
 		</view>
 	</view>
 </template>

pages/user/share.vue

@@ -0,0 +1,274 @@
+<template>
+	<view class="content">
+		<!-- <view class="share" @click="shareHy()">
+			分享给好友
+		</view> -->
+		<!-- <view class="share" @click="sharePyq()">
+			分享至朋友圈
+		</view> -->
+		<image class="img" src="../../static/img/share03.png" mode=""></image>
+		
+
+		<view class="share">
+			<view class="share-left" @click="shareHy()">
+				<view class="title">
+					分享好友
+				</view>
+				<image src="../../static/img/share04.png" mode=""></image>
+			</view>
+
+			<view class="share-right" @click="sharePyq()">
+				<view class="title">
+					分享朋友圈
+				</view>
+				<image src="../../static/img/share05.png" mode=""></image>
+			</view>
+		</view>
+		<view class="share-img" v-show="isShow">
+			<image class="img-share" src="../../static/user/share-right.png" mode=""></image>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	// #ifndef APP-PLUS
+	import {
+		weixindata,shareFun
+	} from '@/utils/wxAuthorized.js'
+	// #endif
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	import {
+		setShare,
+		share
+	} from '../../api/user.js'
+	export default {
+		data() {
+			return {
+				isShow:false
+			};
+		},
+		computed: {
+			...mapState('user', ['userInfo'])
+		},
+		onLoad() {
+			this.IndexShare();
+		},
+		methods: {
+			IndexShare() {
+				//h5分享
+				share().then(res => {
+					const {
+						link,
+						title,
+						synopsis,
+						img
+					} = res.data.data
+					let shareList = {
+						link: `${link}${this.userInfo.phone}`,
+						imgUrl: img,
+						desc: synopsis,
+						title,
+						success: function(){
+							// alert("分享成功+++++")
+							setShare().then(res => {
+								setTimeout(function() {
+									uni.switchTab({
+										url: './user'
+									})({
+							
+									})
+								}, 1500)
+							})
+							console.log('分享加载成功')
+						},
+						cancel : function() {
+						          alert("取消分享");
+						         }
+					}
+					console.log('分享加', shareList);
+					shareFun(shareList);
+				})
+			},
+			//分享好友
+			shareHy() {
+				// #ifdef H5 || MP-WEIXIN
+				this.isShow = true
+								
+				// #endif
+				// #ifdef APP-PLUS
+				share().then(res => {
+					const {
+						link,
+						title,
+						synopsis,
+						img
+					} = res.data.data
+					//app分享好友
+					uni.share({
+						//分享类型
+						provider: "weixin",
+						//分享方式:好友,朋友圈,收藏
+						scene: "WXSceneSession",
+						//默认图文0
+						type: 0,
+						//跳转链接
+						href: `${link}${this.userInfo.phone}`,
+						//标题
+						title,
+						//主体
+						summary: synopsis,
+						//分享图片1
+						imageUrl: img,
+						success(res) {
+							setShare().then(res => {
+								setTimeout(function() {
+									uni.switchTab({
+										url: './user'
+									})({
+
+									})
+								}, 1500)
+							})
+						},
+						fail(err) {
+							console.log(err, '失败原因');
+						}
+
+
+					})
+				})
+				// #endif
+
+			},
+			sharePyq() {
+				share().then(res => {
+					const {
+						link,
+						title,
+						synopsis,
+						img
+					} = res.data.data
+					// #ifdef H5 || MP-WEIXIN
+					this.isShow = true
+				
+					// #endif
+					// #ifdef APP-PLUS
+					uni.share({
+						provider: "weixin",
+						scene: "WXSceneTimeline",
+						type: 0,
+						//跳转链接
+						href: `${link}${this.userInfo.phone}`,
+						//标题
+						title,
+						//主体
+						summary: synopsis,
+						//分享图片1
+						imageUrl: img,
+						success(res) {
+							setShare().then(res => {
+								setTimeout(function() {
+									uni.switchTab({
+										url: './user'
+									})({
+
+									})
+								}, 1500)
+							})
+						},
+						fail(err) {
+							console.log(err, '失败原因');
+						}
+					});
+					// #endif
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		position: relative;
+		height: 100%;
+		width: 750rpx;
+		margin: 0;
+		padding: 0;
+		z-index: 99;
+
+		.img {
+			width: 750rpx;
+			height: 100vh;
+
+		}
+
+		.share-img {
+			z-index: 99;
+			width: 750rpx;
+			height: 100vh;
+			position: absolute;
+			top: 0;
+
+			.img-share {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.share {
+			width: 100%;
+			z-index: 9;
+			display: flex;
+			justify-content: space-around;
+			position: absolute;
+			bottom: 100rpx;
+
+			.share-left {
+				display: flex;
+				justify-content: center;
+				width: 300rpx;
+				height: 100rpx;
+
+				.title {
+					position: absolute;
+					z-index: 10;
+					color: #FFFFFF;
+					font-size: 30rpx;
+					line-height: 100rpx;
+				}
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.share-right {
+
+				display: flex;
+				justify-content: center;
+				width: 300rpx;
+				height: 100rpx;
+
+				.title {
+					position: absolute;
+					z-index: 10;
+					font-weight: 500;
+					color: #FFFFFF;
+					font-size: 30rpx;
+					line-height: 100rpx;
+				}
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+</style>

pages/user/user.vue

@@ -79,6 +79,7 @@
 			</view>
 			<view class="history-section icon">
 				<uni-list>
+					<uni-list-item title="分享任务" @click="navTo('/pages/user/share')" thumb="/static/img/share02.png"></uni-list-item>
 					<uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/shoucang.png"></uni-list-item>
 					<uni-list-item title="收货地址" @click="navTo('/pages/set/address')" thumb="/static/user/dizhi.png"></uni-list-item>
 					<!-- <uni-list-item title="联系客服" @click="showPopup" thumb="/static/user/kefu.png"></uni-list-item> -->
@@ -114,7 +115,7 @@ import { mapState, mapMutations } from 'vuex';
 import { spreadCommission, userBalance } from '@/api/wallet.js';
 import uniList from '@/components/uni-list/uni-list.vue';
 import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
-import { orderData, getUserInfo, service } from '@/api/user.js';
+import { orderData, getUserInfo, service,setShare,share } from '@/api/user.js';
 import { saveUrl, interceptor } from '@/utils/loginUtils.js';
 import { logout } from '@/api/set.js';
 // import uniCopy from '@/js_sdk/xb-copy/uni-copy.js';
@@ -137,6 +138,10 @@ export default {
 		};
 	},
 	onShow() {
+		setShare().then(res=>{
+			console.log(res,'分享数据2');
+		})
+		
 		// 判断是否已经登录
 		if (this.hasLogin) {
 			this.loadBaseData();
@@ -305,7 +310,8 @@ export default {
 					url
 				});
 			}
-		}
+		},
+
 	}
 };
 </script>

unpackage/dist/build/h5/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.2508e18d.js></script><script src=/index/static/js/index.e4e48b0d.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.3b4d8e0b.js></script><script src=/index/static/js/index.88b86c5d.js></script></body></html>