调整

microserviceUserH5/vcloud/actFission.html

@@ -15,24 +15,25 @@
 
 	<style>
 		.container {
-			background: #0671F1;
+			background-color: #1F1A3A;
 		}
 
 		.top-banner {
 			background: url("../static/offImg/bg.png") no-repeat;
 			width: 100%;
-			height: 11.6rem;
+			height: 13.1rem;
 			background-size: 100% 100%;
 			position: relative;
 
 		}
 
 		.top-banner .hongbao {
-			width: 1.46rem;
-			height: 1.42rem;
+			width: 5.24rem;
+			height: 1.55rem;
 			position: absolute;
-			bottom: 1.4rem;
-			left: 0.7rem;
+			top: 1rem;
+			left: 50%;
+			transform: translateX(-50%);
 		}
 
 		.bottom-btn {
@@ -60,20 +61,31 @@
 
 		.list {
 			width: 100%;
-			height: 14.42rem;
-			background: #0671F1;
+			height: 14.82rem;
+			background-color: #1F1A3A;
 			padding: 0 0.3rem;
 
 		}
 
-		.nav-box,
+		.nav-box {
+			margin-top: 0.44rem;
+			width: 100%;
+			height: 5.7rem;
+			background: url("../static/offImg/share.png") no-repeat;
+			background-size: 100% 100%;
+			border-radius: 0.2rem;
+			position: relative;
+			padding-top: 0.01rem;
+
+		}
+
 		.rule-box {
 			margin-top: 0.44rem;
 			width: 100%;
 			height: 5.7rem;
-			background: #C3E5FF;
+			background: url("../static/offImg/rule.png") no-repeat;
+			background-size: 100% 100%;
 			border-radius: 0.2rem;
-			border: 0.02rem solid #F5FAFF;
 			position: relative;
 
 		}
@@ -86,9 +98,10 @@
 			top: -0.17rem;
 			display: flex;
 			justify-content: center;
+			
 		}
 
-		.rule-box .title-box .img-box,
+		/* .rule-box .title-box .img-box,
 		.nav-box .title-box .img-box {
 			background: url("../static/offImg/title-bg.png") no-repeat;
 			background-size: 100% 100%;
@@ -99,14 +112,13 @@
 			font-size: 0.32rem;
 			font-family: PingFangSC-Medium, PingFang SC;
 			color: #FFFFFF;
-
-		}
+		} */
 
 		.outer-box {
-			margin-top: 0.48rem;
-			padding: 0.3rem 0.4rem;
+			margin-top: 1rem;
+			padding: 0.1rem 0.4rem;
 			overflow-y: scroll;
-			height: 5.1rem;
+			height: 4.4rem;
 		}
 
 		.list-nav {
@@ -130,7 +142,7 @@
 			font-size: 0.24rem;
 			margin-bottom: 0.08rem;
 			font-family: PingFangSC-Regular, PingFang SC;
-			color: #272624;
+			color: #ffffff;
 			width: 2.6rem;
 			display: block;
 			overflow: hidden;
@@ -143,7 +155,7 @@
 		.list-nav .user .text p+p {
 			font-size: 0.24rem;
 			font-family: PingFangSC-Regular, PingFang SC;
-			color: #999999;
+			color: #CCCCCC;
 		}
 
 		.right-nav {
@@ -155,16 +167,16 @@
 			font-size: 0.24rem;
 			font-family: PingFangSC-Medium, PingFang SC;
 			font-weight: 500;
-			color: #FF8E00;
+			color: #F2AE45;
 			margin-right: 0.3rem;
 		}
 
 		.right-nav .btn {
 			width: 1.14rem;
-			height: 0.52rem;
-			line-height: 0.52rem;
-			background: #3B7FFF;
-			border-radius: 0.08rem;
+			height: 0.44rem;
+			line-height: 0.44rem;
+			background: #F2AE45;
+			border-radius: 0.22rem;
 			text-align: center;
 			font-size: 0.24rem;
 			font-family: PingFangSC-Regular, PingFang SC;
@@ -172,18 +184,17 @@
 		}
 
 		.rule-box {
-			margin-top: 0.62rem;
 			width: 100%;
-			height: 7.6rem;
-			padding: 0.3rem 0.4rem;
+			height: 7.8rem;
+			padding: 1.1rem 0.3rem 0.4rem 0.3rem;
 		}
 
 		.rule-box .rule {
-			margin-top: 0.48rem;
-			font-size: 0.28rem;
+			margin-top: 0.2rem;
+			font-size: 0.26rem;
 			font-family: PingFangSC-Regular, PingFang SC;
-			color: #333333;
-			line-height: 0.46rem;
+			color: #FFFFFF;
+			line-height: 0.37rem;
 			letter-spacing: 0.013rem;
 		}
 
@@ -192,8 +203,9 @@
 		}
 
 		.isdisabled {
-			background: #E3E7EE !important;
-			color: #AAADB3 !important;
+			background: #F2AE45 !important;
+			color: #ffffff !important;
+			opacity: 0.3;
 		}
 
 		.notice-swipe {
@@ -203,10 +215,18 @@
 
 		.top-notice {
 			width: 100%;
-			padding: 2rem 0.3rem 0 0.3rem;
+			padding: 3rem 0.3rem 0 0.3rem;
 			height: 0.82rem;
 		}
 
+		.select-content{
+			position: absolute;
+			bottom: 0.2rem;
+			color: #FFFFFF;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+
 		.van-notice-bar {
 			width: 100%;
 			height: 0.82rem;
@@ -253,13 +273,46 @@
 			font-family: PingFangSC-Regular, PingFang SC;
 			color: #666666;
 		}
+		.select-list{
+			display: flex;
+			justify-content: center;
+		}
+		.select-title{
+			margin-bottom: 0.3rem;
+			font-size: 0.36rem;
+			text-align: center;
+		}
+		.icon{
+			width: 1.21rem;
+			height: 1.21rem;
+			margin: 0 0.24rem;
+		}
+		.join-wrap{
+			background-color: #1F1A3A;
+			display: flex;
+			justify-content: center;
+		}
+		.join{
+			width: 6.8rem;
+			height: 4.1rem;
+		}
+		.bottoms{
+			display: flex;
+			justify-content: center;
+			padding: 0.4rem 0;
+		}
+		.bottom{
+			width: 6.34rem;
+			height: 0.24rem;
+		}
 	</style>
 </head>
 
 <body>
 	<div id="app" v-cloak class="app container">
 		<div class="top-banner">
-			<img src="../static//offImg/hongbao.png" class="hongbao" alt="">
+			<!-- <img src="../static/offImg/hongbao.png" class="hongbao" alt=""> -->
+			<img src="../static/offImg/title.png" class="hongbao" alt="">
 			<div class="top-notice">
 				<van-notice-bar :scrollable="false">
 					<van-swipe vertical class="notice-swipe" :autoplay="2000" :show-indicators="false">
@@ -269,21 +322,30 @@
 							<p>{{item.sharerSurfaceName}}</p>
 							<p>已领取分享奖励</p>
 						</van-swipe-item>
-
 					</van-swipe>
 				</van-notice-bar>
 			</div>
-			<div class="bottom-btn">
-				<div class="time-box" @click='goReward()' :class="{'no-start':actStatus==0}"></div>
-
+			<div class="select-content">
+				<div class="select-title">选择你要分享的内容</div>
+				<div class="select-list">
+					<div v-for="(item,index) in tagList" :key="index" @click="toDetail(item)">
+						<img :src="fileCenterApi + `/file-center/fileOperate/getImage?id=${item.cover}`" class="icon" alt="">
+					</div>
+				</div>
 			</div>
+			<!-- <div class="bottom-btn">
+				<div class="time-box" @click='goReward()' :class="{'no-start':actStatus==0}"></div>
+			</div> -->
+		</div>
+		<div class="join-wrap">
+			<img src="../static/offImg/join.png" class="join" alt="">
 		</div>
 		<div class="list">
 			<div class="nav-box">
 				<!-- <img src="../static/offImg/title-bg.png" alt=""></img> -->
-				<div class="title-box">
+				<!-- <div class="title-box">
 					<div class="img-box">活动奖励</div>
-				</div>
+				</div> -->
 				<div class="outer-box" v-if='rewardList&&rewardList.length>0'>
 					<van-list v-model="loading" :finished-text="finishedText" :finished="finished"
 						:immediate-check=false @load="onLoad">
@@ -296,7 +358,7 @@
 								</div>
 							</div>
 							<div class="right-nav">
-								<p>{{item.phoneType === 'VIP'?'星动':item.phoneType === 'SVIP'?'星曜':'唔即'}}天卡</p>
+								<p>[{{item.phoneType === 'VIP'?'星动':item.phoneType === 'SVIP'?'星曜':'唔即'}}3天卡]</p>
 								<p class="btn" @click='goGetReward(item.id, item.phoneType)' v-if='item.receiveStatus==0'>领取</p>
 								<p class="btn isdisabled" v-if='item.receiveStatus==1'>已领取</p>
 
@@ -314,18 +376,21 @@
 
 			<div class="rule-box">
 				<!-- <img src="../static/offImg/title-bg.png" alt=""></img> -->
-				<div class="title-box">
+				<!-- <div class="title-box">
 					<div class="img-box">活动规则</div>
-				</div>
+				</div> -->
 				<div class="rule">
-					<p>1.分享双子星攻略文章至微信好友/微信朋友圈/QQ，好友注册成功后，分享者即可获得3天{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}套餐时长，被分享者可获得{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}7天卡激活码。</p>
-					<p>2.用户通过该分享链接获取的激活码，只针对新注册用户有效领取并兑换一次。</p>
-					<p>3.分享者每日最多分享给10位好友领取激活码并获得注册奖励，且奖励为当日有效，奖励过期不补发。</p>
-					<p>4.分享者若没有云机，需要先创建{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云机才可继续领取奖励。</p>
-					<p>5.新用户领取的激活码需在有效期内使用，若超过有效期则激活码失效。</p>
+					<p>1.分享双子星攻略文章至微信好友/微信朋友圈/QQ等，好友通过分享链接注册成功后，分享者即可获得3天{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云手机时长，被分享者可获{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云手机7天激活码。</p>
+					<p>2.用户通过该分享链接获取的激活码仅限新注册用户兑换。</p>
+					<p>3.分享者每日最多获得10位好友的注册奖励，且奖励当日有效，奖励过期失效后无法领取且不予补发。</p>
+					<p>4.分享者需拥有{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云机（除试用机外）才可领取奖励，若无{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云手机请先创建，创建后继续领取奖励。</p>
+					<p>5.新用户领取激活码需在有效期内使用（有效期为3天），若超过有效期则激活码失效。</p>
+					<p>6.本活动仅限真实有效用户参与，任何非正常获利手段经核查验证，官方将进行账户回收等惩罚措施。</p>
 				</div>
+				<!-- <div class="bottoms">
+					<img src="../static/offImg/bottom.png" class="bottom" alt="">
+				</div> -->
 			</div>
-
 		</div>
 	</div>
 	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
@@ -342,8 +407,6 @@
 			el: '#app',
 			data: {
 				isshow: false,
-				token: GetRequest().token ? GetRequest().token :
-					'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyYW5kb20iOiI3MDY1NSIsImNsaWVudCI6IjUiLCJleHAiOjE2NDExOTA0MzMsInVzZXJuYW1lX2FwcGxldCI6Im5naEN0MTYzMTYwNDY4OSJ9.cXj7Ks5XYCnGFANZ0uHAkDn8MJtWrMm4I3qqvikewGg',
 				rewardList: [],
 				queryParams: {
 					pageNum: 1,
@@ -362,16 +425,39 @@
 				phoneType: '',
 				marqueeList: [],
 				timer: null,
+				tagList: []
 			},
 			created() {
 				this.getAwardPage(); //获取奖励列表
+				
 			},
 			mounted() {
 				this.getActDetailList(); //获取活动上下架
 				this.getMarquee(); //跑马灯
 				this.goReward('look');
+				this.getTagList();//获取标签列表
 			},
 			methods: {
+				toDetail(item){
+					location.href = `./actFissionList.html?id=${item.id}&title=${encodeURI(item.tagName)}&token=${GetRequest().token}`;
+				},
+				getTagList(){
+					this.$toast.loading({
+						duration: 0,
+						message: '加载中...',
+						forbidClick: true,
+						loadingType: 'spinner',
+					});
+					// 获取标签列表
+					getTagList(GetRequest().token).then(res => {
+						this.$toast.clear();
+						if (res.status === 0) {
+							this.tagList = res.data;
+						} else {
+							this.$toast(res.msg);
+						}
+					})
+				},
 				goReward(type) {
 
 					this.$toast.loading({
@@ -380,9 +466,10 @@
 						forbidClick: true,
 						loadingType: 'spinner',
 					});
-					getActDetailList(this.token).then(res => {
+					getActDetailList(GetRequest().token).then(res => {
 						this.$toast.clear();
 						if (res.status === 0) {
+							console.log(type)
 							if(type === 'look'){
 							    this.phoneType = res.data.phoneType;
 								return
@@ -446,10 +533,14 @@
 						forbidClick: true,
 						loadingType: 'spinner',
 					});
-					getActDetailList(this.token).then(res => {
+					getActDetailList(GetRequest().token).then(res => {
 						this.$toast.clear();
 						if (res.status === 0) {
 							this.actStatus = res.data.actStatus;
+							if (this.actStatus == 0) {
+								this.$toast('活动已下架');
+								return
+							}
 							this.shareInfo = res.data;
 						} else {
 							this.$toast(res.msg);
@@ -457,7 +548,7 @@
 					})
 				},
 				getAwardPage() { //获取活动列表
-					getAwardPage(this.token, this.queryParams).then(res => {
+					getAwardPage(GetRequest().token, this.queryParams).then(res => {
 						if (res.status == 0) {
 							this.loading = false //取消正在加载状态
 							let infolist = res.data.list;
@@ -507,7 +598,7 @@
 				},
 				goGetReward(id, phoneType) {
 					this.stopManyClick(() => {
-						getCheck(this.token).then(res => {
+						getCheck(GetRequest().token).then(res => {
 							if (res.status === 0) {
 								if (isAndroid) {
 									window.native.activatePhones(1, id, phoneType)

microserviceUserH5/vcloud/actFissionList.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+	<meta name="description" content="活动">
+	<title></title>
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+	<link rel="stylesheet" href="../static/css/index.css?v=1.0.0.6">
+	<link rel="stylesheet" href="../static/css/vant.css" />
+	<script src="../static/js/vender/vue/vue.min.js"></script>
+	<script src="../static/js/vender/vue/vant.min.js"></script>
+	<script src="../static/js/vender/config.js"></script>
+
+	<style>
+		.header{
+			display: flex;
+			height: 0.88rem;
+			align-items: center;
+			box-shadow: 0 0.01rem 0.14rem 0 rgba(184, 184, 184, 0.47);
+		}
+		.page-title{
+			flex: 1;
+			text-align: center;
+			font-size: 0.36rem;
+			color: #333333;
+		}
+		.back{
+			width: 0.2rem;
+			height: 0.34rem;
+			margin-left: 0.2rem;
+		}
+		.item{
+			display: flex;
+			align-items: center;
+			margin: 0.32rem 0.2rem 0 0.58rem;
+		}
+		.right{
+			flex: 1;
+			margin-left: 0.43rem;
+		}
+		.icon{
+			width: 1.8rem;
+			height: 1.36rem;
+			border-radius: 0.1rem;
+		}
+		.titles{
+			font-size: 0.3rem;
+			color: #333333;
+		}
+		.contents{
+			max-height: 0.66rem;
+			max-width: 4.4rem;
+			margin-top: 0.2rem;
+			font-size: 0.24rem;
+			color: #999999;
+			text-overflow: -o-ellipsis-lastline;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			line-clamp: 2;
+			-webkit-box-orient: vertical;
+		}
+		.no-content{
+			width: 3.74rem;
+			height: 3.14rem;
+			position: fixed;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%,-50%);
+		}
+	</style>
+</head>
+
+<body>
+	<div id="app" v-cloak class="app container">
+		<van-list v-model="loading" :finished-text="finishedText" :finished="finished"
+			:immediate-check=false @load="onLoad">
+			<div v-for="(item,index) in tagList" :key="index" class="item" @click="toDetail(item)">
+				<img :src="fileCenterApi + `/file-center/fileOperate/getImage?id=${item.fileId}`" class="icon" alt="">
+				<div class="right">
+					<div class="titles">{{item.strategyTitle}}</div>
+					<div class="contents">{{getContent(index,item.content)}}</div>
+				</div>
+			</div>
+		</van-list>
+		
+		<img v-if="noData" src="../static/offImg/no-content.png" class="no-content" alt="" />
+	</div>
+	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+	<script src="../static/js/vender/vue/axios.min.js"></script>
+	<script src="../static/js/vender/vue/config.js"></script>
+	<script src="../static/js/vender/vue/api.js"></script>
+
+	<script type="text/javascript">
+		var u = navigator.userAgent,
+			app = navigator.appVersion;
+		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
+		var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+		new Vue({
+			el: '#app',
+			data: {
+				noData: true,
+				loading: false,
+				title: '',
+				finishedText: '',
+				finished: false,
+				pageNum: 1,
+				tagList: []
+			},
+			mounted() {
+				let dom = document.getElementsByTagName('title')[0];
+				this.title = decodeURIComponent(GetRequest().title);
+				dom.innerText = this.title;
+				setTimeout(() => {
+					this.getQueryByTag();//获取标签列表
+				})
+			},
+			methods: {
+				getQueryByTag(){
+					this.$toast.loading({
+						duration: 0,
+						message: '加载中...',
+						forbidClick: true,
+						loadingType: 'spinner',
+					});
+					// 获取标签列表
+					getQueryByTag(GetRequest().token, {
+						tagId: +GetRequest().id,
+						pageNum: this.pageNum,
+						pageSize: 10
+					}).then(res => {
+						this.$toast.clear();
+						if (res.status === 0) {
+							this.loading = false //取消正在加载状态
+							this.noData = false;
+							let infolist = res.data.actFissionStrategyList;
+							if (infolist) {
+								this.tagList = this.tagList.concat(infolist);
+								if (this.tagList.length >= 10) {
+									this.finishedText = '没有更多了'
+								}
+								if(this.tagList.length == 0){
+									this.noData = true;
+								}
+								if (this.tagList.length >= res.data.total) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
+									this.finished = true;
+								}
+							} else {
+								this.finished = true;
+							}
+						} else {
+							this.loading = false //取消正在加载状态
+							this.noData = true;
+							// this.$toast(res.msg);
+						}
+					})
+				},
+				//滚动加载时触发，list组件定义的方法
+				onLoad() {
+					let times = setTimeout(() => {
+						this.pageNum += 1 //每请求一次，页面数+1
+						this.getQueryByTag();
+						clearTimeout(times)
+					}, 500)
+				},
+				getContent(index, content){
+					this.$nextTick(() => {
+						let dom = document.getElementsByClassName('contents')[index];
+						if(dom){
+							//对img标签进行匹配
+							var imgReg = /<img.*?(?:>|\/>)<br \/>/gi;
+							let oldContent = content;
+							if(imgReg.test(content)){//有图片
+								//将img标签替换为*
+								content =  content.replace(imgReg,"");
+							}
+							if(content == ''){
+								dom.innerHTML = oldContent;
+							}else{
+								dom.innerHTML = content;
+							}
+							
+						}
+					})
+				},
+				back(){
+					location.href = `./actFission.html?token=${GetRequest().token}`;
+				},
+				toDetail(item){
+					location.href = `./actFissionShare.html?strategyId=${item.id}&title=${encodeURI(item.strategyTitle)}&tagId=${GetRequest().id}&type=1&token=${GetRequest().token}`;
+				},
+				stopManyClick(fn) { //防抖
+					if (this.flag) {
+						fn();
+					}
+					this.flag = false;
+					if (this.timer) {
+						clearTimeout(this.timer);
+					}
+					this.timer = setTimeout(() => {
+						this.flag = true
+					}, 1500);
+				},
+			}
+		})
+	</script>
+</body>
+
+</html>

microserviceUserH5/vcloud/actFissionShare.html

@@ -282,7 +282,7 @@
             transform: translateX(-50%);
             padding: 0 0.4rem;
             top: -6.96rem;
-            /* overflow: hidden; */
+            overflow: hidden;
         }
 
         .imgs-block{
@@ -399,12 +399,34 @@
             width: 100vw;
         }
 
+        .share_btn{
+            width: 2.4rem;
+            height: 0.88rem;
+            display: flex;
+            justify-content: center;
+        }
+
         @media (max-width: 480px) and (min-width: 241px) {
             #toast-container>div {
                 min-width: 80px !important;
                 width: auto;
             }
         }
+        .miniprogram-wrap{
+            position: relative;
+        }
+        .miniprogram{
+            width: 6.25rem;
+            height: 8.01rem;
+            margin-left: -0.39rem;
+        }
+        .down-btn{
+            width: 4.6rem;
+            height: 0.9rem;
+            position: absolute;
+            bottom: 0.42rem;
+            left: 0.42rem;
+        }
     </style>
 </head>
 
@@ -415,13 +437,15 @@
 
         <div v-if='isshow&&topic!=null' style="margin: 0 auto;">
             <div class="footer">
-                <div class="download-btn">
+                <div v-if="type == 1">
+                    <img @click="share" src="../static/offImg/share_btn.png" class="share_btn" alt="" />
+                </div>
+                <div class="download-btn" v-else>
                     <div class="left-nav">
                         <p>激活码：</p>
                         <p>AS4*********SD3</p>
                     </div>
-                    <!-- @click='createCopy()' -->
-                    <div class="button-download " @click='copyHandle()'>点击复制并下载</div>
+                    <div class="button-download" @click='copyHandle()'>点击复制并下载</div>
                 </div>
             </div>
             <div class="top-banner">
@@ -431,7 +455,7 @@
                             <img :src="standarImg(item.headImgUrl)" :onerror="defaultImg" alt="">
                             <div class="hide">双子星邀请你免费领取云手机</div>
                             <p>{{item.surfaceName}}</p>
-                            <p>已获得星曜云手机套餐</p>
+                            <p>已获得{{phoneType === 'VIP'?'星动':phoneType === 'SVIP'?'星曜':'唔即'}}云手机套餐</p>
                         </van-swipe-item>
 
                     </van-swipe>
@@ -439,7 +463,6 @@
             </div>
             <div class="top-content">
                 <div v-html="topic" class="topic-info"></div>
-
             </div>
 
         </div>
@@ -452,23 +475,30 @@
     </div>
     <div class="mask">
         <div class="dialog">
-            <div class="imgs-block">
-                <img class="imgs" src="../static/img/icon-copy.png" />
-                <div class="imgs-text">复制成功</div>
-                <img class="imgs" src="../static/img/icon-copy.png" />
+            <div class="miniprogram-wrap">
+                <img class="miniprogram" src="../static/offImg/tost.png" />
+                <img class="down-btn" src="../static/offImg/down-btn.png" />
             </div>
-            <div class="copy-tip">温馨提示：激活码使用教程</div>
-            <div class="point1">1、在双子星APP的工具栏，点击 <span class="my">[我的]</span></div>
-            <img class="point-img" src="../static/img/point1.png" />
-            <div class="point1 point2">2、找到 我的工具 -  <span class="my">[激活码] </span>，点击激活码
-                即可兑换使用激活码啦。</div>
-            <img class="point-img" src="../static/img/point2.png" />
-            <div class="get-success-block">
-                <div class="get-success">下载APP</div>
+            <div class="noMiniprogram">
+                <div class="imgs-block">
+                    <img class="imgs" src="../static/img/icon-copy.png" />
+                <div class="imgs-text">复制成功</div>
+                    <img class="imgs" src="../static/img/icon-copy.png" />
+                </div>
+                <div class="copy-tip">温馨提示：激活码使用教程</div>
+                <div class="point1">1、在双子星APP的工具栏，点击 <span class="my">[我的]</span></div>
+                <img class="point-img" src="../static/img/point1.png" />
+                <div class="point1 point2">2、找到 我的工具 -  <span class="my">[激活码] </span>，点击激活码
+                    即可兑换使用激活码啦。</div>
+                <img class="point-img" src="../static/img/point2.png" />
+                <div class="get-success-block">
+                    <div class="get-success">下载APP</div>
+                </div>
+                <img class="close" src="img/close.png" />
             </div>
-            <img class="close" src="img/close.png" />
         </div>
     </div>
+    
 	<script src="../static/js/vender/verify.js"></script>
     <script src="../static/js/vender/vue/vue.min.js"></script>
     <script src="../static/js/vender/vue/vue-clipboard.min.js"></script>
@@ -482,6 +512,7 @@
 		toastr.options.positionClass = 'toast-center-center';
 		toastr.options.timeOut = '1500';
 	</script>
+	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
     <script type="text/javascript">
         // var meta_description = document.getElementsByTagName('meta')['description']
         // document.title = '更新标题'
@@ -510,6 +541,28 @@
                 download();
             }
 		});
+        $('.down-btn')[0].addEventListener('click', (e) => {
+            let ua = navigator.userAgent.toLowerCase();
+            if (ua.match(/MicroMessenger/i) == "micromessenger") {
+                var oInput = document.createElement('input'); //创建一个input
+                oInput.setAttribute("readonly", "readonly"); //设置只读，否则移动端使用复制功能时可能会造成软件盘弹出
+                setTimeout(() => {
+                    oInput.value = code;
+                    document.body.appendChild(oInput);
+                    selectText(oInput, 0, oInput.value.length);
+                    document.execCommand("Copy"); // 执行浏览器复制命令
+                    $('.dialog').animate({top: '-6.96rem'},"fast");
+                    $('.mask').hide();
+                    document.documentElement.style.overflow='auto';
+                    oInput.style.display = 'none'; // 将input隐藏
+                    oInput.blur();
+                    oInput.remove(); // 将input销毁
+                    location.href = 'weixin://dl/business/?t=sg6FNjcPWip';
+                }, 400)
+            }else{
+                alert('环境问题')
+            }
+		});
         function download() {
             if (isAndroid) {
                 if (baseUrl == 'https://per.cs.se.androidscloud.com') {
@@ -573,9 +626,12 @@
                 strategyId: GetRequest().strategyId ? GetRequest().strategyId : '',
                 tagId: GetRequest().tagId ? GetRequest().tagId : '',
                 uuid: '',
+                shareInfo: {},
                 flag: true,
                 timer: null,
-
+                phoneType: '',
+                type: GetRequest().type,
+                dataObj: {}
             },
             created() {
                 // window.location.href = 'investigate.html'
@@ -586,7 +642,7 @@
                 // })
                 //  document.querySelector('#app').classList.remove('hide');
                 // this.validate(); // 生成验证码
-                this.getActDetail();
+                this.getActDetailList();
                 this.getMarquee(); //跑马灯
                 if (localStorage.getItem("uuid")) {
                     this.uuid = localStorage.getItem("uuid");
@@ -615,28 +671,51 @@
                     }).catch((error) => {
                         alert(error)
                         this.$toast('复制失败');
-                        this.download()
+                        // this.download()
 
                     });
                 },
+                
                 //查看活动是否下架
-                getActDetail() { //获取活动状态
-                    getActDetail().then(res => {
-                        this.$toast.clear();
-                        if (res.status === 0) {
-                            if (res.data.actStatus == 1) {
-                                this.isshow = true;
-                                this.getStrategy();
+                getActDetailList() { //获取活动状态
+                    if(GetRequest().type == 1){
+                        getActDetailList(GetRequest().token).then(res => {
+                            this.$toast.clear();
+                            if (res.status === 0) {
+                                this.phoneType = res.data.phoneType;
+                                this.shareInfo = res.data;
+                                if (res.data.actStatus == 1) {
+                                    this.isshow = true;
+                                    this.getStrategy();
+                                } else {
+                                    this.isshow = false;
+                                }
                             } else {
-                                this.isshow = false;
+                                this.$toast(res.msg);
                             }
-                        } else {
-                            this.$toast(res.msg);
-                        }
-                    }).catch((error) => {
-                        console.log(error)
-                        this.$toast('网络异常');
-                    });
+                        }).catch((error) => {
+                            console.log(error)
+                            this.$toast('网络异常');
+                        });
+                    } else {
+                        getActDetail().then(res => {
+                            this.$toast.clear();
+                            if (res.status === 0) {
+                                this.phoneType = res.data.phoneType;
+                                if (res.data.actStatus == 1) {
+                                    this.isshow = true;
+                                    this.getStrategy();
+                                } else {
+                                    this.isshow = false;
+                                }
+                            } else {
+                                this.$toast(res.msg);
+                            }
+                        }).catch((error) => {
+                            console.log(error)
+                            this.$toast('网络异常');
+                        });
+                    }
                 },
                 getCheck() {
                     getEvantCheck(this.id).then(res => {
@@ -652,9 +731,7 @@
                     this.stopManyClick(() => {
                         systemBuriedPoint({
                             pointName: 'dt_裂变_h5_复制激活码'
-                        }).then(res => {
-
-                        })
+                        }).then(res => {})
                         getActivationCode(this.username, this.tagId, this.uuid, captchaVerification).then(res => {
                             this.$toast.clear();
                             if (res.status === 0) {
@@ -681,14 +758,14 @@
                                 });
                                 setTimeout(() => {
                                     this.$dialog.close();
-                                    this.download();
+                                    // this.download();
                                 }, 2000)
                             }
 
                         }).catch((error) => {
                             alert(error)
                             this.$toast('复制失败');
-                            this.download()
+                            // this.download()
 
                         });
                     })
@@ -735,6 +812,7 @@
                             if (res.data) {
                                 this.isshow = true;
                                 this.topic = res.data.content;
+                                this.dataObj = res.data;
                                 // this.tagId = res.data.tagId;
                                 console.log(this.topic)
                             } else {
@@ -784,6 +862,14 @@
 				        $('.imgs-block').eq(0).css('display', 'none');
 			            $('.get-success').eq(0).text('下载APP并复制激活码');
                     }
+                    let ua = navigator.userAgent.toLowerCase();
+                    if(ua.match(/MicroMessenger/i)=="micromessenger"){
+				        $('.miniprogram').eq(0).css('display', 'block');
+				        $('.noMiniprogram').eq(0).css('display', 'none');
+                    }else{
+                        $('.miniprogram').eq(0).css('display', 'none');
+				        $('.noMiniprogram').eq(0).css('display', 'block');
+                    }
                     $('.dialog').animate({top: '1.8rem'},"fast");
                     $('.mask').show();
                     document.documentElement.style.overflow='hidden';
@@ -824,6 +910,32 @@
                         textbox.focus();
                     }
                 },
+                share(){
+                    let middle = this.shareInfo.gotoUrl.split('=')[1];
+                    let result = middle.split('&')[0];
+                    const {
+						content,
+						shareImg
+					} = this.shareInfo;
+                    let title = '免费领机：' + decodeURIComponent(GetRequest().title);
+                    systemBuriedPoint({
+						pointName: 'dt_裂变_h5_分享攻略'
+					}).then(res => {})
+					if (isAndroid) {
+						window.native.share(title, content, `${baseUrl}/h5/microserviceUserH5/vcloud/actFissionShare.html?username=${result}&strategyId=${this.strategyId}&tagId=${GetRequest().tagId}`, shareImg)
+					} else if (isIOS) {
+
+						window.webkit.messageHandlers.share.postMessage({
+							title: title,
+							content: content,
+							gotoUrl: `${baseUrl}/h5/microserviceUserH5/vcloud/actFissionShare.html?username=${result}&strategyId=${this.strategyId}&tagId=${GetRequest().tagId}`,
+							shareImg: shareImg
+						});
+					} else {
+                        code = window.Location.href;
+                        copyUrl();
+                    }
+                },
                 stopManyClick(fn) { //防抖
                     if (this.flag) {
                         fn();