wenliming 2 年之前
父節點
當前提交
661c36c843
共有 7 個文件被更改,包括 178 次插入36 次删除
  1. 38 9
      components/MobileLandPage.vue
  2. 6 1
      pages/course/index.vue
  3. 21 1
      pages/index.vue
  4. 80 0
      pages/luckdraw.vue
  5. 4 4
      pages/toolbox/index.vue
  6. 11 10
      pages/treasure/index.vue
  7. 18 11
      pages/treasure/invite.vue

+ 38 - 9
components/MobileLandPage.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="mobile-land-page">
+	<div class="mobile-land-page" :class="isLoading ? 'loading-page' : ''">
 		<div class="mobile-land-page-invited-info" v-if="useFul && !isNFTCpd">
 			<img :src="userInfo.avatarUrl" class="invited-photo" />
 			<div class="invited-name">{{ userInfo.nickName }}</div>
@@ -63,6 +63,9 @@
 			<div class="mobile-land-page-tip">{{ tipCpd }}</div>
 		</FontZoom>
 		<div class="mobile-land-page-login-twitter" @click="toLogin">{{ isLoginCpd || loginSuccessBack ? (!useFul || isNFTCpd ? 'Install' : 'Claim Prize') : 'Login Twitter' }}</div>
+		<template v-if="isLoading">
+			<img class="loading" src="../static/svg/icon-loading.svg" />
+		</template>
 	</div>
 </template>
 <script>
@@ -146,6 +149,7 @@ export default {
 		return {
 			timer: {},
 			loginSuccessBack: false,
+			isLoading: false,
 		};
 	},
 	computed: {
@@ -218,14 +222,14 @@ export default {
 				delete logData.params.eventData.postId;
 				logData.params.eventData.nftProjectId = this.nftProjectId;
 			}
-			Report.reportLog(logData);
-			setTimeout(() => {
-				if (userInfo) {
-					location.href = `/course?useful=${this.useFul ? '1' : '0'}&playType=${this.playType}&rewardType=${this.rewardType}&postId=${this.postId}&nftProjectId=${this.nftProjectId}&srcContentId=${this.srcContentId}`;
-				} else {
-					this.twitterAuth();
-				}
-			}, 200);
+			if (userInfo) {
+				// ios手机跳转时丢失log,缓存至下个页面进行上报
+				setStorage('land-page-log', JSON.stringify(logData));
+				location.href = `/course?useful=${this.useFul ? '1' : '0'}&playType=${this.playType}&rewardType=${this.rewardType}&postId=${this.postId}&nftProjectId=${this.nftProjectId}&srcContentId=${this.srcContentId}`;
+			} else {
+				Report.reportLog(logData);
+				this.twitterAuth();
+			}
 		},
 		cancelLogin() {
 			location.href = `/course?useful=${this.useFul ? '1' : '0'}&playType=${this.playType}&rewardType=${this.rewardType}&postId=${this.postId}&nftProjectId=${this.nftProjectId}&srcContentId=${this.srcContentId}`;
@@ -240,12 +244,14 @@ export default {
 			}).then(({ code, data }) => {
 				if (code == 0) {
 					let url = getOauthUrl(data.authToken);
+					this.isLoading = true;
 					win.location.href = url;
 					this.timer.value = setInterval(() => {
 						if (win && win.closed) {
 							clearInterval(this.timer.value);
 							this.twitterLogin(data);
 							if (getStorage(storageKey.backFromTwitterLogin)) {
+								this.isLoading = false;
 								removeStorage(storageKey.backFromTwitterLogin);
 								this.cancelLogin();
 							}
@@ -268,6 +274,7 @@ export default {
 						oauthVerifier: verifier,
 					},
 				}).then(({ code, data }) => {
+					this.isLoading = false;
 					if (code == 0) {
 						setStorage(storageKey.userInfo, data);
 						removeStorage(storageKey.verifier);
@@ -397,5 +404,27 @@ export default {
 		text-align: center;
 		color: #fff;
 	}
+	.loading {
+		position: absolute;
+		transform: translate(-50%, -50%);
+		top: 50%;
+		left: 50%;
+		margin: auto;
+		width: 40px;
+		border-radius: 50%;
+		z-index: 1;
+	}
+}
+.loading-page {
+	position: relative;
+}
+.loading-page::after {
+	content: '';
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background-color: #fff;
+	left: 0;
+	top: 0;
 }
 </style>

+ 6 - 1
pages/course/index.vue

@@ -25,7 +25,7 @@
 import { PlayType, UsefulType } from '../../types';
 import axios from 'axios';
 import Report from '../../log-center/log';
-import { getQueryString, baseURL, appVersionCode, getMid } from '../../utils/help';
+import { getQueryString, baseURL, appVersionCode, getMid, getStorage, removeStorage } from '../../utils/help';
 
 export default {
 	name: 'course',
@@ -138,6 +138,11 @@ export default {
 	},
 	mounted() {
 		this.reportLog();
+		const landPageLog = getStorage('land-page-log');
+		if (landPageLog) {
+			Report.reportLog(JSON.parse(landPageLog));
+			removeStorage('land-page-log');
+		}
 	},
 };
 </script>

+ 21 - 1
pages/index.vue

@@ -844,12 +844,15 @@ body,
 		display: flex;
 		align-items: center;
 		justify-content: center;
+
 		.gift {
 			margin-right: 1.4rem;
+
 			img {
 				width: 5.2rem;
 			}
 		}
+
 		.txt {
 			font-size: 1.8rem;
 			text-align: left;
@@ -953,6 +956,7 @@ body,
 					color: #444444;
 				}
 			}
+
 			.luck-custom-prize {
 				font-weight: 500;
 				font-size: 14px;
@@ -970,7 +974,7 @@ body,
 		background: #fff;
 		width: 100%;
 		flex-wrap: wrap;
-		height: 20rem;
+		height: 18rem;
 		box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
 		border-top-left-radius: 1rem;
 		border-top-right-radius: 1rem;
@@ -978,20 +982,24 @@ body,
 		.area-list {
 			width: 34.3rem;
 			margin: 1.5rem auto;
+
 			.item {
 				clear: both;
 				overflow: hidden;
 				margin: 0.7rem 0;
 				font-size: 1.6rem;
 				font-weight: 500;
+
 				.icon {
 					float: left;
 					margin-right: 0.8rem;
 				}
+
 				.font {
 					float: left;
 					margin-right: 0.8rem;
 				}
+
 				.pc {
 					float: left;
 				}
@@ -1046,6 +1054,7 @@ body,
 		font-size: 15px;
 		color: #000;
 		height: 54px;
+
 		img {
 			width: 30px;
 			height: 30px;
@@ -1096,10 +1105,12 @@ body,
 		overflow-y: hidden;
 		box-shadow: 0 0.3rem 2rem rgba(0, 0, 0, 0.2);
 		background: #fff;
+
 		.customImg {
 			width: 100%;
 			min-height: 373px;
 		}
+
 		.customBottom {
 			width: 100%;
 			background: #111214;
@@ -1110,28 +1121,34 @@ body,
 			letter-spacing: 0.3px;
 			color: #838383;
 			line-height: 20px;
+
 			.theme {
 				display: flex;
 				height: 20px;
 				align-items: center;
 				justify-content: flex-start;
+
 				.icon {
 					width: 12px;
 				}
+
 				.time {
 					margin: 0 4px;
 					color: #1d9bf0;
 				}
 			}
+
 			.winner-info {
 				display: flex;
 				height: 20px;
 				align-items: center;
 				justify-content: flex-start;
+
 				.count {
 					color: #1d9bf0;
 					margin-right: 4px;
 				}
+
 				.prize-name {
 					color: #1d9bf0;
 					margin-left: 4px;
@@ -1153,6 +1170,7 @@ body,
 		overflow-y: hidden;
 		box-shadow: 0 0 5px #888888;
 		background: #fff;
+
 		&.auto-height {
 			height: auto;
 		}
@@ -1479,6 +1497,7 @@ body,
 						color: #444444;
 					}
 				}
+
 				.luck-custom-prize {
 					font-weight: 500;
 					font-size: 14px;
@@ -1561,6 +1580,7 @@ body,
 			height: 3.3rem;
 			line-height: 3.3rem;
 			font-weight: normal;
+
 			span {
 				font-size: 1.4rem;
 			}

+ 80 - 0
pages/luckdraw.vue

@@ -708,6 +708,7 @@ body,
 	width: 100%;
 	height: 100%;
 	background: #fff;
+
 	.loading {
 		position: absolute;
 		transform: translate(-50%, -50%);
@@ -717,26 +718,31 @@ body,
 		width: 40px;
 		border-radius: 50%;
 	}
+
 	.logo {
 		display: flex;
 		align-items: center;
 		height: 70px;
 		margin-left: 25px;
+
 		img {
 			width: 99px;
 			height: 32px;
 		}
 	}
+
 	.show {
 		display: flex;
 		align-items: center;
 		height: calc(100% - 70px);
+
 		.center {
 			display: flex;
 			margin: -50px auto 0;
 			justify-content: space-between;
 			width: 1000px;
 			position: relative;
+
 			.head-in-custom {
 				position: absolute;
 				bottom: 100%;
@@ -748,6 +754,7 @@ body,
 				font-size: 15px;
 				color: #000;
 				height: 54px;
+
 				img {
 					width: 30px;
 					height: 30px;
@@ -755,6 +762,7 @@ body,
 					margin-right: 10px;
 				}
 			}
+
 			.giveaway {
 				position: relative;
 				overflow: hidden;
@@ -767,10 +775,12 @@ body,
 				&.bg {
 					background: linear-gradient(17.98deg, #3438ff 3.69%, #8b56fc 74.32%);
 				}
+
 				&.custom {
 					background: unset;
 					height: auto !important;
 				}
+
 				&.auto-height {
 					height: auto;
 				}
@@ -782,10 +792,12 @@ body,
 					width: 110px;
 					height: 94px;
 				}
+
 				.head {
 					display: flex;
 					height: 50px;
 					align-items: center;
+
 					img {
 						width: 20px;
 						height: 20px;
@@ -793,6 +805,7 @@ body,
 						margin: 0 10px 0 15px;
 						border: solid 2px #fff;
 					}
+
 					span {
 						color: #fff;
 						font-size: 13px;
@@ -801,8 +814,10 @@ body,
 						letter-spacing: 0.005em;
 					}
 				}
+
 				.price {
 					text-align: center;
+
 					.usdt {
 						margin: 10px 0;
 						color: #ffffff;
@@ -812,10 +827,12 @@ body,
 						text-align: center;
 						letter-spacing: 0.3px;
 					}
+
 					.money {
 						display: flex;
 						align-items: center;
 						justify-content: center;
+
 						img {
 							width: 46px;
 							height: 46px;
@@ -823,6 +840,7 @@ body,
 							border-radius: 50%;
 							border: solid 3px #fff;
 						}
+
 						span {
 							color: #fff;
 							font-size: 60px;
@@ -831,6 +849,7 @@ body,
 						}
 					}
 				}
+
 				.time {
 					display: flex;
 					height: 46px;
@@ -842,24 +861,29 @@ body,
 					line-height: 33px;
 					text-align: center;
 					background: rgba($color: #000000, $alpha: 0.15);
+
 					.img {
 						width: 26px;
 						margin-right: 10px;
 					}
 				}
+
 				.box {
 					margin: auto;
 					width: 200px;
 					height: 200px;
 					margin-top: 27px;
+
 					img {
 						width: 100%;
 						height: 100%;
 					}
 				}
 			}
+
 			.desc {
 				width: 520px;
+
 				.title {
 					color: #2c2c2c;
 					font-size: 36px;
@@ -868,10 +892,12 @@ body,
 					margin-top: 90px;
 					margin-bottom: 20px;
 				}
+
 				.issue {
 					font-size: 15px;
 					color: #a4a4a4;
 				}
+
 				.button {
 					cursor: pointer;
 					height: 64px;
@@ -887,12 +913,15 @@ body,
 	height: 100%;
 	position: relative;
 	background-color: #fff;
+
 	&.bg {
 		background: linear-gradient(17.98deg, #3438ff 3.69%, #8b56fc 74.32%);
 	}
+
 	&.custom {
 		background: #111214 !important;
 	}
+
 	.lottery {
 		position: absolute;
 		top: 0;
@@ -900,13 +929,16 @@ body,
 		width: 110px;
 		height: 94px;
 	}
+
 	.luck-list {
 		height: calc(100% - 430px);
 	}
+
 	.head {
 		display: flex;
 		height: 50px;
 		align-items: center;
+
 		img {
 			width: 20px;
 			height: 20px;
@@ -914,6 +946,7 @@ body,
 			margin: 0 10px 0 15px;
 			border: solid 2px #fff;
 		}
+
 		span {
 			color: #fff;
 			font-size: 13px;
@@ -922,8 +955,10 @@ body,
 			letter-spacing: 0.005em;
 		}
 	}
+
 	.price {
 		text-align: center;
+
 		.usdt {
 			margin: 10px 0;
 			color: #ffffff;
@@ -933,10 +968,12 @@ body,
 			text-align: center;
 			letter-spacing: 0.3px;
 		}
+
 		.money {
 			display: flex;
 			align-items: center;
 			justify-content: center;
+
 			img {
 				width: 46px;
 				height: 46px;
@@ -944,6 +981,7 @@ body,
 				border-radius: 50%;
 				border: solid 3px #fff;
 			}
+
 			span {
 				color: #fff;
 				font-size: 60px;
@@ -952,6 +990,7 @@ body,
 			}
 		}
 	}
+
 	.time {
 		display: flex;
 		height: 46px;
@@ -963,21 +1002,25 @@ body,
 		line-height: 33px;
 		text-align: center;
 		background: rgba($color: #000000, $alpha: 0.15);
+
 		.img {
 			width: 26px;
 			margin-right: 10px;
 		}
 	}
+
 	.box {
 		margin: auto;
 		width: 200px;
 		height: 200px;
 		margin-top: 27px;
+
 		img {
 			width: 100%;
 			height: 100%;
 		}
 	}
+
 	.area-cp-link {
 		position: absolute;
 		bottom: 0;
@@ -993,21 +1036,25 @@ body,
 		.area-list {
 			clear: both;
 			margin: 15px;
+
 			.item {
 				clear: both;
 				overflow: hidden;
 				margin: 7px 0;
 				font-size: 16px;
 				font-weight: 500;
+
 				.icon {
 					float: left;
 					margin-right: 8px;
 					margin-top: -2px;
 				}
+
 				.font {
 					float: left;
 					margin-right: 8px;
 				}
+
 				.pc {
 					float: left;
 					margin-top: -2px;
@@ -1093,6 +1140,7 @@ body,
 	width: 100%;
 	height: 310px;
 	overflow-y: auto;
+
 	.luck-item {
 		display: flex;
 		padding: 12px 0;
@@ -1100,20 +1148,24 @@ body,
 		border-bottom: 1px solid #f2f2f2;
 		justify-content: space-between;
 		position: relative;
+
 		.header {
 			border-radius: 50%;
 		}
+
 		.luck-king {
 			position: absolute;
 			top: 36px;
 			right: 0px;
 			display: flex;
 			align-items: center;
+
 			img {
 				width: 22px;
 				height: 19px;
 				margin: 0;
 			}
+
 			span {
 				font-weight: 500;
 				font-size: 12px;
@@ -1122,11 +1174,13 @@ body,
 				color: #f5b945;
 			}
 		}
+
 		.userLogo {
 			position: relative;
 			width: 42px;
 			height: 42px;
 			margin-right: 12px;
+
 			.medal {
 				position: absolute;
 				right: -5px;
@@ -1134,19 +1188,23 @@ body,
 				width: 18px;
 				height: 18px;
 			}
+
 			img {
 				width: 100%;
 				height: 100%;
 			}
 		}
+
 		.luck-content {
 			flex: auto;
+
 			.luck-title {
 				font-weight: 500;
 				font-size: 16px;
 				letter-spacing: 0.3px;
 				color: #444444;
 			}
+
 			.luck-time {
 				font-weight: 400;
 				font-size: 12px;
@@ -1155,15 +1213,18 @@ body,
 				color: #9b9b9b;
 			}
 		}
+
 		.luck-money {
 			display: flex;
 			height: 17px;
 			align-items: center;
+
 			img {
 				width: 14px;
 				height: 14px;
 				margin-right: 6px;
 			}
+
 			.luck-money-txt {
 				font-weight: 500;
 				font-size: 14px;
@@ -1173,6 +1234,7 @@ body,
 				color: #444444;
 			}
 		}
+
 		.luck-custom-prize {
 			font-weight: 500;
 			font-size: 14px;
@@ -1180,6 +1242,7 @@ body,
 			color: #f5b945;
 		}
 	}
+
 	.luck-item:last-child {
 		border: 0;
 	}
@@ -1194,9 +1257,11 @@ body,
 	margin-bottom: 13px;
 	background: #7d52fd;
 	border-radius: 0 586px 586px/0 0 104px 104px;
+
 	.img {
 		height: 62px;
 	}
+
 	.expire {
 		color: #ffffff;
 		font-size: 22px;
@@ -1205,6 +1270,7 @@ body,
 		margin-top: 15px;
 		text-align: center;
 	}
+
 	.tips {
 		color: #ffffff;
 		font-size: 22px;
@@ -1212,16 +1278,19 @@ body,
 		line-height: 26px;
 		margin-top: 15px;
 	}
+
 	.win {
 		font-size: 21px;
 		font-weight: 800;
 		color: #fff;
 	}
+
 	.win-money {
 		display: flex;
 		margin-top: -10px;
 		align-items: center;
 		justify-content: center;
+
 		img {
 			width: 44px;
 			height: 44px;
@@ -1229,6 +1298,7 @@ body,
 			border-radius: 50%;
 			border: solid 3px #fff;
 		}
+
 		span {
 			color: #fff;
 			font-size: 60px;
@@ -1237,15 +1307,18 @@ body,
 		}
 	}
 }
+
 .succTitle {
 	display: flex;
 	padding: 5px 0;
 	justify-content: space-between;
 	box-shadow: inset 0px -1px 0px #f2f2f2;
+
 	span {
 		margin: 0 16px;
 		font-size: 12px;
 		color: #b0b0b0;
+
 		&:last-child {
 			text-align: right;
 		}
@@ -1256,6 +1329,7 @@ body,
 	width: 100%;
 	min-height: 373px;
 }
+
 .customBottom {
 	width: 100%;
 	background: #111214;
@@ -1266,28 +1340,34 @@ body,
 	letter-spacing: 0.3px;
 	color: #838383;
 	line-height: 20px;
+
 	.theme {
 		display: flex;
 		height: 20px;
 		align-items: center;
 		justify-content: flex-start;
+
 		.icon {
 			width: 12px;
 		}
+
 		.time2 {
 			margin: 0 4px;
 			color: #1d9bf0;
 		}
 	}
+
 	.winner-info {
 		display: flex;
 		height: 20px;
 		align-items: center;
 		justify-content: flex-start;
+
 		.count {
 			color: #1d9bf0;
 			margin-right: 4px;
 		}
+
 		.prize-name {
 			color: #1d9bf0;
 			margin-left: 4px;

+ 4 - 4
pages/toolbox/index.vue

@@ -4,17 +4,17 @@
 		<div v-if="device == 'chrome' || device == 'no-chrome'" class="content">
 			<v-logo></v-logo>
 			<div class="tool-cover">
-				<img :src="detail.postBizData.linkImagePath" alt="" />
+				<img :src="img_url" alt="" />
 			</div>
 			<!-- 非chrome -->
 			<div v-if="device == 'no-chrome'">
-				<div class="txt">Use chrome browser to access Subway Surfers</div>
+				<div class="txt">Use chrome browser to access {{ detail.postBizData.linkTitle || '' }}</div>
 				<install-chrome></install-chrome>
 			</div>
 			<!-- chrome -->
 			<div v-if="device == 'chrome'">
-				<div class="txt">Use chrome browser to access Subway Surfers</div>
-				<install-extension :extensionsInstallUrl="config.extensionsInstallUrl" @installClick="installClick"></install-extension>
+				<div class="txt">Use chrome browser to access {{ detail.postBizData.linkTitle || '' }}</div>
+				<install-extension :extensionsInstallUrl="config.extensionsInstallUrl"></install-extension>
 			</div>
 		</div>
 

+ 11 - 10
pages/treasure/index.vue

@@ -80,7 +80,6 @@ export default {
 			isMobile: false,
 			isChrome: false,
 			linkHref: '',
-			metaTitle: 'DeNet: An Easy Web3 Tool For Giveaway / Airdrop',
 		};
 	},
 	components: {
@@ -95,7 +94,7 @@ export default {
 				// facebook
 				{
 					name: 'og:title',
-					content: this.metaTitle,
+					content: `Treasure Chest: ${this.detail.amountValue} ${this.detail.currencySymbol} (worth $${this.detail.amountUsdValue}) for ${this.detail.totalCount} winners`,
 				},
 				{
 					name: 'og:image',
@@ -108,7 +107,7 @@ export default {
 				},
 				{
 					name: 'twitter:title',
-					content: this.metaTitle,
+					content: `Treasure Chest: ${this.detail.amountValue} ${this.detail.currencySymbol} (worth $${this.detail.amountUsdValue}) for ${this.detail.totalCount} winners`,
 				},
 				{
 					name: 'twitter:image',
@@ -145,20 +144,22 @@ export default {
 		this.getConfig();
 	},
 	mounted() {
+		this.setTreasureInfo();
 		setTimeout(() => {
 			this.checkInstall()
 				.then(() => {
-					if (this.detail.srcContentId && this.detail.postUserInfo && this.detail.postUserInfo.postNickName) {
-						let url = `https://twitter.com/${this.detail.postUserInfo.postNickName}/status/${this.detail.srcContentId}`;
-						window.open(url);
+					console.log(this.detail);
+					if (this.detail.srcContentId && this.detail.postUserInfo && this.detail.postUserInfo.nickName) {
+						let url = `https://twitter.com/${this.detail.postUserInfo.nickName}/status/${this.detail.srcContentId}`;
+						window.location.replace(url);
 					}
+					this.isLoading = false;
 				})
 				.catch(() => {
-					this.setTreasureInfo();
+					this.isLoading = false;
 				});
-		}, 600);
+		}, 1000);
 		this.checkBrowser();
-		this.isLoading = false;
 
 		var clipboard = new ClipboardJS('.btn');
 		let that = this;
@@ -275,7 +276,7 @@ export default {
 			let treasureInfo = {
 				createTime: Date.now(),
 				jump_type: 'treasure_info',
-				postId: this.detail.srcContentId || '',
+				srcContentId: this.detail.srcContentId || '',
 				postNickName: this.detail.postUserInfo.nickName,
 			};
 			Cookies.set('jump_info', JSON.stringify(treasureInfo), { expires: 100 });

+ 18 - 11
pages/treasure/invite.vue

@@ -74,13 +74,16 @@ export default {
 					avatarUrl: '',
 					nickName: '',
 				},
+				amountValue: '',
+				currencySymbol: '',
+				amountUsdValue: '',
+				totalCount: '',
 			},
 			config: {},
 			title: 'Treasure Hunt',
 			isMobile: false,
 			isChrome: false,
 			linkHref: '',
-			metaTitle: 'DeNet: An Easy Web3 Tool For Giveaway / Airdrop',
 		};
 	},
 	components: {
@@ -95,7 +98,7 @@ export default {
 				// facebook
 				{
 					name: 'og:title',
-					content: this.metaTitle,
+					content: `Treasure Chest: ${this.detail.amountValue} ${this.detail.currencySymbol} (worth $${this.detail.amountUsdValue}) for ${this.detail.totalCount} winners`,
 				},
 				{
 					name: 'og:image',
@@ -108,7 +111,7 @@ export default {
 				},
 				{
 					name: 'twitter:title',
-					content: this.metaTitle,
+					content: `Treasure Chest: ${this.detail.amountValue} ${this.detail.currencySymbol} (worth $${this.detail.amountUsdValue}) for ${this.detail.totalCount} winners`,
 				},
 				{
 					name: 'twitter:image',
@@ -146,20 +149,23 @@ export default {
 	},
 	mounted() {
 		Cookies.set(this.detail.postId, JSON.stringify({ inviteCode: this.$route.params.id }), { expires: 100 });
+		this.setTreasureInfo();
+
 		setTimeout(() => {
 			this.checkInstall()
 				.then(() => {
-					if (this.detail.srcContentId && this.detail.postUserInfo && this.detail.postUserInfo.postNickName) {
-						let url = `https://twitter.com/${this.detail.postUserInfo.postNickName}/status/${this.detail.srcContentId}`;
-						window.open(url);
+					console.log(this.detail);
+					if (this.detail.repostSrcContentId && this.detail.inviteUserInfo && this.detail.inviteUserInfo.nickName) {
+						let url = `https://twitter.com/${this.detail.inviteUserInfo.nickName}/status/${this.detail.repostSrcContentId}`;
+						window.location.replace(url);
 					}
+					this.isLoading = false;
 				})
 				.catch(() => {
-					this.setTreasureInfo();
+					this.isLoading = false;
 				});
-		}, 600);
+		}, 1000);
 		this.checkBrowser();
-		this.isLoading = false;
 
 		var clipboard = new ClipboardJS('.btn');
 		let that = this;
@@ -223,6 +229,7 @@ export default {
 		checkInstall() {
 			return new Promise((resolve, reject) => {
 				let dom = document.querySelector('#denet_message');
+				console.log('denet_message', dom);
 				if (dom) {
 					resolve(true);
 				} else {
@@ -277,8 +284,8 @@ export default {
 			let treasureInfo = {
 				createTime: Date.now(),
 				jump_type: 'treasure_info',
-				srcContentId: this.detail.srcContentId || '',
-				postNickName: this.detail.postUserInfo.nickName,
+				srcContentId: this.detail.repostSrcContentId || '',
+				postNickName: this.detail.inviteUserInfo.nickName,
 			};
 			Cookies.set('jump_info', JSON.stringify(treasureInfo), { expires: 100 });
 		},