Merge branch 'dev_1.1.7'

nuxt.config.js

@@ -15,9 +15,24 @@ export default {
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
+    ],
+    script: [
+      {
+        src: "https://www.googletagmanager.com/gtag/js?id=G-S376V42WBS",
+        async: true
+      },
+      {
+        type: 'text/javascript', charset: 'utf-8',
+        innerHTML: `window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+        gtag('config', 'G-S376V42WBS');`
+      }
+    ],
+    __dangerouslyDisableSanitizers: ['script']
   },
 
+
   // Global CSS: https://go.nuxtjs.dev/config-css
   css: [
   ],
@@ -43,7 +58,7 @@ export default {
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
   },
-  
+
   router: {
     extendRoutes(routes, resolve) {
       routes.push({
@@ -51,36 +66,36 @@ export default {
         path: '/:id?',
         component: resolve(__dirname, 'pages/index.vue')
       },
-      {
-        name: 'LuckDraw',
-        path: '/luckdraw/:id?',
-        component: resolve(__dirname, 'pages/luckdraw.vue')
-      },
-      {
-        name:'ToolBox',
-        path: '/toolbox/:id',
-        component: resolve(__dirname, 'pages/toolbox/index.vue')
-      },
-      {
-        name: 'Install',
-        path: '/install',
-        component: resolve(__dirname, 'pages/install.vue')
-      },
-      {
-        name: 'NFT',
-        path: '/nft/:id/:account',
-        component: resolve(__dirname, 'pages/nft/index.vue')
-      },
-      {
-        name: 'NftGroup',
-        path: '/nft_group/:id',
-        component: resolve(__dirname, 'pages/nft/group.vue')
-      },
-      {
-        name: 'custom',
-        path: '*',
-        component: resolve(__dirname, 'pages/404.vue')
-      })
+        {
+          name: 'LuckDraw',
+          path: '/luckdraw/:id?',
+          component: resolve(__dirname, 'pages/luckdraw.vue')
+        },
+        {
+          name: 'ToolBox',
+          path: '/toolbox/:id',
+          component: resolve(__dirname, 'pages/toolbox/index.vue')
+        },
+        {
+          name: 'Install',
+          path: '/install',
+          component: resolve(__dirname, 'pages/install.vue')
+        },
+        {
+          name: 'NFT',
+          path: '/nft/:id/:account',
+          component: resolve(__dirname, 'pages/nft/index.vue')
+        },
+        {
+          name: 'NftGroup',
+          path: '/nft_group/:id',
+          component: resolve(__dirname, 'pages/nft/group.vue')
+        },
+        {
+          name: 'custom',
+          path: '*',
+          component: resolve(__dirname, 'pages/404.vue')
+        })
     }
   },
   env: {

pages/ach_pay/pay_notice.vue

@@ -0,0 +1,10 @@
+<template>
+    <div></div>
+</template>
+
+<script>
+
+</script>
+
+<style lang="scss" >
+</style>

pages/index.vue

@@ -9,15 +9,13 @@
 			<div class="not-open" v-show="status == 'not-open'">
 				<img src="/subject/001.gif">
 			</div>
-      <div class="head-in-custom" v-if="!isMoneyPrize">
-          <img :src="detail.postBizData.postUserInfo.avatarUrl" />
-          <span>{{ detail.postBizData.postUserInfo.nickName }}</span>
-      </div>
+			<div class="head-in-custom" v-if="!isMoneyPrize">
+				<img :src="detail.postBizData.postUserInfo.avatarUrl" />
+				<span>{{ detail.postBizData.postUserInfo.nickName }}</span>
+			</div>
 			<!-- 红包打开 -->
-			<div class="redPacket"
-				:class="{ redPacket2: status != 'open', key_packet: status == 'open' }"
-				v-if="status != 'nothing'"
-				v-show="status != 'not-open'">
+			<div class="redPacket" :class="{ redPacket2: status != 'open', key_packet: status == 'open' }"
+				v-if="status != 'nothing'" v-show="status != 'not-open'">
 				<!-- 内容 -->
 				<div class="head">
 					<div class="head-title">
@@ -49,7 +47,8 @@
 						<div class="txt">AWESOME! YOU Will GET</div>
 						<div class="head-money-area">
 							<img :src="currencyIconPath" alt />
-							<span class="money-txt" :style="{ fontSize: amount_font_size + 'px' }">{{ receiveAmount }}</span>
+							<span class="money-txt" :style="{ fontSize: amount_font_size + 'px' }">{{ receiveAmount
+							}}</span>
 						</div>
 					</div>
 				</div>
@@ -74,7 +73,7 @@
 							<img :src="item.currencyIconPath" alt />
 							<div class="luck-money-txt">{{ item.amountValue || 0 }}</div>
 						</div>
-            <div class="luck-custom-prize" v-else>winner</div>
+						<div class="luck-custom-prize" v-else>winner</div>
 						<div class="luck-king" v-if="isMoneyPrize && item.maxAmount">
 							<img src="/svg/icon-king-hat.svg" alt />
 							<span>Luckiest Draw</span>
@@ -83,7 +82,8 @@
 				</div>
 			</div>
 			<template v-else>
-				<div class="redBagCustom" v-if="detail.postBizData.posterType === 2 && detail.postBizData.customPosterInstalled">
+				<div class="redBagCustom"
+					v-if="detail.postBizData.posterType === 2 && detail.postBizData.customPosterInstalled">
 					<!-- <img class="customImg" :src="detail.postBizData.customPosterInstalled" />
 					<div class="customBottom">
 						<div class="theme">
@@ -95,60 +95,51 @@
 							<span class="prize-name">{{detail.postBizData.amountValue + ' ' + detail.postBizData.currencySymbol}}</span>
 						</div>
 					</div> -->
-          <custom-card-cover
-              :totalCount="detail.postBizData.totalCount"
-              :amountValue="detail.postBizData.amountValue"
-              :tokenSymbol="detail.postBizData.tokenSymbol"
-              :currencyIconUrl="detail.postBizData.iconPath"
-              :playType="1"
-              :posterType="2"
-              :customPosterInstalled="detail.postBizData.customPosterInstalled"
-              :validity="validity"
-              :userInfo="{
-                  nickName: detail.postBizData.postUserInfo.nickName,
-                  avatarUrl: detail.postBizData.postUserInfo.avatarUrl
-              }"
-              :rewardType="detail.postBizData.rewardType"
-              :customizedReward="detail.postBizData.customizedReward"
-              :showBottomInfo="true"
-            ></custom-card-cover>
+					<custom-card-cover :totalCount="detail.postBizData.totalCount"
+						:amountValue="detail.postBizData.amountValue" :tokenSymbol="detail.postBizData.tokenSymbol"
+						:currencyIconUrl="detail.postBizData.iconPath" :playType="1" :posterType="2"
+						:customPosterInstalled="detail.postBizData.customPosterInstalled" :validity="validity"
+						:userInfo="{
+							nickName: detail.postBizData.postUserInfo.nickName,
+							avatarUrl: detail.postBizData.postUserInfo.avatarUrl
+						}" :rewardType="detail.postBizData.rewardType" :customizedReward="detail.postBizData.customizedReward"
+						:showBottomInfo="true"></custom-card-cover>
 				</div>
-				<div class="redBag" :class="{'auto-height': !isMoneyPrize}" v-else>
+				<div class="redBag" :class="{ 'auto-height': !isMoneyPrize }" v-else>
 					<!-- 货币类型 -->
-          <template v-if="isMoneyPrize">
-            <img src="/subject/001-card.png" alt="">
-            <img class="open-gif" src="/subject/001.gif" />
-            <div class="title" v-if="detail.postBizData.postUserInfo">
-              <img :src="detail.postBizData.postUserInfo.avatarUrl" alt />
-              <span>{{ detail.postBizData.postUserInfo.nickName || 'FutureDoctor' }}</span>
-            </div>
-            <div class="money-area">
-              <div class="txt">{{ detail.postBizData.currencySymbol }} GIVEAWAY</div>
-              <div class="coin">
-                <img :src="detail.postBizData.currencyIconPath" alt />
-                <font-amount :amount="detail.postBizData.amountValue"></font-amount>
-              </div>
-              <div class="people">{{ detail.postBizData.totalCount }} WINNERS TO SHARE</div>
-            </div>
-          </template>
-
-          <template v-else>
-            <custom-card-cover
-              :totalCount="detail.postBizData.totalCount"
-              :amountValue="detail.postBizData.amountValue"
-              :tokenSymbol="detail.postBizData.tokenSymbol"
-              :currencyIconUrl="detail.postBizData.iconPath"
-              :playType="1"
-              :validity="validity"
-              :userInfo="{
-                  nickName: detail.postBizData.postUserInfo.nickName,
-                  avatarUrl: detail.postBizData.postUserInfo.avatarUrl
-              }"
-              :rewardType="detail.postBizData.rewardType"
-              :customizedReward="detail.postBizData.customizedReward"
-              :showBottomInfo="true"
-            ></custom-card-cover>
-          </template>
+					<template v-if="isMoneyPrize">
+						<img src="/subject/001-card.png" alt="">
+						<img class="open-gif" src="/subject/001.gif" />
+						<div class="title" v-if="detail.postBizData.postUserInfo">
+							<img :src="detail.postBizData.postUserInfo.avatarUrl" alt />
+							<span>{{ detail.postBizData.postUserInfo.nickName || 'FutureDoctor' }}</span>
+						</div>
+						<div class="money-area">
+							<div class="txt">
+								<span>
+									{{ detail.postBizData.amountCurrencyCode == 'USD' ? 'US Dollar' :
+											detail.postBizData.tokenSymbol
+									}}
+								</span>
+								&nbsp;GIVEAWAY
+							</div>
+							<div class="coin">
+								<img :src="detail.postBizData.currencyIconPath" alt />
+								<font-amount :amount="detail.postBizData.amountValue"></font-amount>
+							</div>
+							<div class="people">{{ detail.postBizData.totalCount }} WINNERS TO SHARE</div>
+						</div>
+					</template>
+
+					<template v-else>
+						<custom-card-cover :totalCount="detail.postBizData.totalCount"
+							:amountValue="detail.postBizData.amountValue" :tokenSymbol="detail.postBizData.tokenSymbol"
+							:currencyIconUrl="detail.postBizData.iconPath" :playType="1" :validity="validity" :userInfo="{
+								nickName: detail.postBizData.postUserInfo.nickName,
+								avatarUrl: detail.postBizData.postUserInfo.avatarUrl
+							}" :rewardType="detail.postBizData.rewardType" :customizedReward="detail.postBizData.customizedReward"
+							:showBottomInfo="true"></custom-card-cover>
+					</template>
 				</div>
 			</template>
 
@@ -212,12 +203,12 @@
 		<div v-if="show_moblie" class="moblie">
 			<div class="head-area">
 				<div class="gift">
-                    <img :src=" require('../static/subject/gift.svg') " />
-                </div>
+					<img :src="require('../static/subject/gift.svg')" />
+				</div>
 				<div class="txt">
-                    <div>Complete tasks</div>
-                    <div>to Draw Prizes</div>
-                </div>
+					<div>Complete tasks</div>
+					<div>to Draw Prizes</div>
+				</div>
 			</div>
 			<!-- 领取列表 -->
 			<div class="luck-list" @scroll="handleScroll($event)">
@@ -232,7 +223,7 @@
 						<img :src="item.currencyIconPath" alt />
 						<div class="luck-money-txt">{{ item.amountValue || 0 }}</div>
 					</div>
-          <div class="luck-custom-prize" v-else>winner</div>
+					<div class="luck-custom-prize" v-else>winner</div>
 					<div class="luck-king" v-if="isMoneyPrize && item.maxAmount">
 						<img src="/svg/icon-king-hat.svg" alt />
 						<span>Luckiest Draw</span>
@@ -241,16 +232,16 @@
 			</div>
 			<div class="area-cp-link">
 				<div class="area-list">
-            <!-- <div class="item">
+					<!-- <div class="item">
                 <div class="icon"><img :src=" require('../static/subject/01.svg') " /></div>
                 <div class="font">Complete the tasks on tweet</div>
             </div> -->
-            <div class="item">
-                <!-- <div class="icon"><img :src=" require('../static/subject/02.svg') " /></div> -->
-                <div class="font">Open link on PC to draw</div>
-                <div class="pc"><img :src=" require('../static/subject/pc.svg') " /></div>
-            </div>
-          </div>
+					<div class="item">
+						<!-- <div class="icon"><img :src=" require('../static/subject/02.svg') " /></div> -->
+						<div class="font">Open link on PC to draw</div>
+						<div class="pc"><img :src="require('../static/subject/pc.svg')" /></div>
+					</div>
+				</div>
 				<div class="area-content">
 					{{ cp_link }}
 				</div>
@@ -307,7 +298,7 @@ export default {
 			show_moblie: false,
 			show_home: false,
 			layer_show: false,
-			amount_font_size:46,
+			amount_font_size: 46,
 			validity: '',
 			receiveAmount: 0,
 			validity_state: true,
@@ -326,7 +317,7 @@ export default {
 			metaTitle: 'DeNet: An Easy Web3 Tool For GIVEAWAY / AIRDROP',
 			jumpUrl: jumpUrl,
 			status: '',
-            reportStatus: 'normal',
+			reportStatus: 'normal',
 			page_index: 1,
 			page_size: 20,
 			luck_list: [],
@@ -336,13 +327,13 @@ export default {
 				extensionsInstallUrl: ''
 			}
 		}
-  },
-  computed: {
-    // 货币类型的奖品
-    isMoneyPrize() {
-      return this.detail.postBizData.rewardType === RewardType.money;
-    }
-  },
+	},
+	computed: {
+		// 货币类型的奖品
+		isMoneyPrize() {
+			return this.detail.postBizData.rewardType === RewardType.money;
+		}
+	},
 	components: {
 		FontAmount,
 	},
@@ -399,9 +390,9 @@ export default {
 					eventData: {
 						businessType: Report.businessType.buttonClick,
 						objectType: Report.objectType.copyLinkButton,
-                        postId: this.detail.postId,
-                        srcContentId: this.detail.srcContentId,
-                        senderId: this.detail.srcUserId,
+						postId: this.detail.postId,
+						srcContentId: this.detail.srcContentId,
+						senderId: this.detail.srcUserId,
 						redPacketType: 0,
 						customCover: this.customCover,
 					}
@@ -411,8 +402,8 @@ export default {
 		clickOpenChrome() {
 			window.open('https://www.google.com/chrome')
 
-            let extParams = this.isMobile() ? {} : { status: this.reportStatus }
-            Report.reportLog({
+			let extParams = this.isMobile() ? {} : { status: this.reportStatus }
+			Report.reportLog({
 				baseInfo: {
 					appVersionCode: this.appVersionCode,
 					mid: this.mid,
@@ -424,13 +415,13 @@ export default {
 					eventData: {
 						businessType: Report.businessType.buttonClick,
 						objectType: Report.objectType.installButton,
-                        postId: this.detail.postId,
-                        srcContentId: this.detail.srcContentId,
-                        senderId: this.detail.srcUserId,
+						postId: this.detail.postId,
+						srcContentId: this.detail.srcContentId,
+						senderId: this.detail.srcUserId,
 						redPacketType: 0,
 						customCover: this.customCover,
 					},
-                    extParams: extParams
+					extParams: extParams
 				}
 			})
 		},
@@ -441,7 +432,7 @@ export default {
 		installExtension() {
 			let { extensionsInstallChannel, extensionsInstallUrl } = this.config;
 			let url = extensionsInstallUrl;
-            let extParams = this.isMobile() ? {} : { status: this.reportStatus }
+			let extParams = this.isMobile() ? {} : { status: this.reportStatus }
 			Report.reportLog({
 				baseInfo: {
 					appVersionCode: this.appVersionCode,
@@ -454,13 +445,13 @@ export default {
 					eventData: {
 						businessType: Report.businessType.buttonClick,
 						objectType: Report.objectType.installButton,
-                        postId: this.detail.postId,
-                        srcContentId: this.detail.srcContentId,
-                        senderId: this.detail.srcUserId,
+						postId: this.detail.postId,
+						srcContentId: this.detail.srcContentId,
+						senderId: this.detail.srcUserId,
 						redPacketType: 0,
 						customCover: this.customCover,
 					},
-                    extParams: extParams,
+					extParams: extParams,
 				}
 			})
 			switch (extensionsInstallChannel) {
@@ -524,7 +515,7 @@ export default {
 				case '0':
 					this.getDetail()
 					if (data.data.receiveAmount == '0') {
-                        this.reportStatus = 'empty'
+						this.reportStatus = 'empty'
 						this.status = 'nothing'
 					} else {
 						if (data.data.newReceived) {
@@ -543,13 +534,13 @@ export default {
 					break;
 				case '2003':
 					// this.status = 'expire'
-                    this.reportStatus = 'empty'
+					this.reportStatus = 'empty'
 					this.getDetail()
 					this.status = 'nothing'
 					break
 				// 红包被领完了
 				case '2008':
-                    this.reportStatus = 'empty'
+					this.reportStatus = 'empty'
 					this.getDetail()
 					this.status = 'nothing'
 					break
@@ -560,7 +551,7 @@ export default {
 				default:
 					console.log('getRedPacket', data)
 					// this.show_home = false
-                    this.reportStatus = 'empty'
+					this.reportStatus = 'empty'
 					this.getDetail()
 					this.status = 'nothing'
 					break;
@@ -623,8 +614,9 @@ export default {
 			let pickupInfo = {
 				srcContentId: this.detail.srcContentId || '',
 				postNickName: this.detail.postBizData.postUserInfo.nickName || '',
-                createTime: Date.now(),
+				createTime: Date.now(),
 				jump_type: 'red_packet',
+				postId: this.detail.postId || ''
 			};
 			Cookies.set('jump_info', JSON.stringify(pickupInfo), { expires: 100 });
 		},
@@ -679,7 +671,7 @@ export default {
 			if (data.data && data.data.postBizData && typeof data.data.postBizData == 'string') {
 				data.data.postBizData = JSON.parse(data.data.postBizData)
 			}
-			if(data.data.postBizData === null) {
+			if (data.data.postBizData === null) {
 				data.data.postBizData = {
 					postUserInfo: {
 					}
@@ -719,27 +711,27 @@ export default {
 		document.documentElement.style.fontSize = '62.5%'
 		if (this.isMobile()) {
 			this.setCookieMid();
-            setTimeout(() => {
-                Report.reportLog({
-                    baseInfo: {
-                        appVersionCode: this.appVersionCode,
-                        mid: this.mid,
-                        pageSource: Report.pageSource.mobileLandingPage,
-                        appType,
-                        machineCode: this.mid
-                    },
-                    params: {
-                        eventData: {
-                            businessType: Report.businessType.pageView,
-                            postId: this.detail.postId,
-                            srcContentId: this.detail.srcContentId,
-                            senderId: this.detail.srcUserId,
+			setTimeout(() => {
+				Report.reportLog({
+					baseInfo: {
+						appVersionCode: this.appVersionCode,
+						mid: this.mid,
+						pageSource: Report.pageSource.mobileLandingPage,
+						appType,
+						machineCode: this.mid
+					},
+					params: {
+						eventData: {
+							businessType: Report.businessType.pageView,
+							postId: this.detail.postId,
+							srcContentId: this.detail.srcContentId,
+							senderId: this.detail.srcUserId,
 							redPacketType: 0,
 							customCover: this.customCover,
-                        }
-                    }
-                })
-            }, 500)
+						}
+					}
+				})
+			}, 500)
 			this.show_moblie = true
 			this.cp_link = window.location.href
 			// 复制链接
@@ -764,43 +756,43 @@ export default {
 			// 领取任务红包
 			this.setCookieMid()
 			// 是否被领完
-			if(this.detail.postBizData.receiveCount < this.detail.postBizData.totalCount){
+			if (this.detail.postBizData.receiveCount < this.detail.postBizData.totalCount) {
 				this.getRedPacket()
-			}else{
+			} else {
 				this.show_home = true
 				this.status = 'nothing'
-                this.reportStatus = 'empty'
+				this.reportStatus = 'empty'
 			}
 			this.setPickupInfo()
-            setTimeout(() => {
-                Report.reportLog({
-                    baseInfo: {
-                        appVersionCode: this.appVersionCode,
-                        mid: this.mid,
-                        pageSource: Report.pageSource.newUserLandingPage,
-                        appType,
-                        machineCode: this.mid
-                    },
-                    params: {
-                        eventData: {
-                            businessType: Report.businessType.pageView,
-                            postId: this.detail.postId,
-                            srcContentId: this.detail.srcContentId,
-                            senderId: this.detail.srcUserId,
+			setTimeout(() => {
+				Report.reportLog({
+					baseInfo: {
+						appVersionCode: this.appVersionCode,
+						mid: this.mid,
+						pageSource: Report.pageSource.newUserLandingPage,
+						appType,
+						machineCode: this.mid
+					},
+					params: {
+						eventData: {
+							businessType: Report.businessType.pageView,
+							postId: this.detail.postId,
+							srcContentId: this.detail.srcContentId,
+							senderId: this.detail.srcUserId,
 							redPacketType: 0,
 							customCover: this.customCover,
-                        },
-                        extParams: {
-                            status: this.reportStatus,
-                        }
-                    }
-                });
-            }, 1000)
+						},
+						extParams: {
+							status: this.reportStatus,
+						}
+					}
+				});
+			}, 1000)
 		} else {
 			this.show_home = true
 			this.status = 'no-chrome'
-            this.reportStatus = 'not-chrome'
-            Report.reportLog({
+			this.reportStatus = 'not-chrome'
+			Report.reportLog({
 				baseInfo: {
 					appVersionCode: this.appVersionCode,
 					mid: this.mid,
@@ -811,15 +803,15 @@ export default {
 				params: {
 					eventData: {
 						businessType: Report.businessType.pageView,
-                        postId: this.detail.postId,
-                        srcContentId: this.detail.srcContentId,
-                        senderId: this.detail.srcUserId,
+						postId: this.detail.postId,
+						srcContentId: this.detail.srcContentId,
+						senderId: this.detail.srcUserId,
 						redPacketType: 0,
 						customCover: this.customCover,
 					},
-                    extParams: {
-                        status: this.reportStatus,
-                    }
+					extParams: {
+						status: this.reportStatus,
+					}
 				}
 			})
 		}
@@ -900,13 +892,16 @@ body,
 		border-radius: 0 586px 586px/0 0 104px 104px;
 		display: flex;
 		align-items: center;
-        justify-content: center;
-        .gift {
-            margin-right: 1.4rem;
-            img {
-                width: 5.2rem;
-            }
-        }
+		justify-content: center;
+
+		.gift {
+			margin-right: 1.4rem;
+
+			img {
+				width: 5.2rem;
+			}
+		}
+
 		.txt {
 			font-size: 1.8rem;
 			text-align: left;
@@ -1012,12 +1007,13 @@ body,
 					color: #444444;
 				}
 			}
-      .luck-custom-prize {
-          font-weight: 500;
-          font-size: 14px;
-          letter-spacing: 0.3px;
-          color: #F5B945;
-      }
+
+			.luck-custom-prize {
+				font-weight: 500;
+				font-size: 14px;
+				letter-spacing: 0.3px;
+				color: #F5B945;
+			}
 		}
 
 		.luck-item:last-child {
@@ -1034,36 +1030,40 @@ body,
 		border-top-left-radius: 1rem;
 		border-top-right-radius: 1rem;
 
-        .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;
-                }
-            }
-        }
+		.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;
+				}
+			}
+		}
 
 		.area-content {
 			background: #F4F4F4;
 			padding: 0.7rem 1rem;
-            margin: 0 auto 1rem;
+			margin: 0 auto 1rem;
 			width: 34.3rem;
 			font-size: 1.3rem;
-            border-radius: 0.5rem;
+			border-radius: 0.5rem;
 			word-break: break-all;
 		}
 
@@ -1094,25 +1094,26 @@ body,
 	font-style: normal;
 	font-weight: 600;
 
-  .head-in-custom {
-        position: absolute;
-        top: 9rem;
-        left: 30rem;
-        background: #fff;
-        display: flex;
-        align-items: center;
-        font-weight: 500;
-        font-size: 15px;
-        color: #000;
-        height: 54px;
-        img {
-          width: 30px;
-          height: 30px;
-          border-radius: 50%;
-          margin-right: 10px;
-        }
+	.head-in-custom {
+		position: absolute;
+		top: 9rem;
+		left: 30rem;
+		background: #fff;
+		display: flex;
+		align-items: center;
+		font-weight: 500;
+		font-size: 15px;
+		color: #000;
+		height: 54px;
+
+		img {
+			width: 30px;
+			height: 30px;
+			border-radius: 50%;
+			margin-right: 10px;
+		}
 
-    }
+	}
 
 
 
@@ -1158,13 +1159,15 @@ 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;
+			background: #111214;
 			padding: 10px 16px;
 			font-weight: 500;
 			font-size: 12px;
@@ -1172,28 +1175,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{
+
+				.count {
 					color: #1D9BF0;
 					margin-right: 4px;
 				}
+
 				.prize-name {
 					color: #1D9BF0;
 					margin-left: 4px;
@@ -1216,9 +1225,10 @@ body,
 		overflow-y: hidden;
 		box-shadow: 0 0 5px #888888;
 		background: #fff;
-    &.auto-height {
-      height: auto;
-    }
+
+		&.auto-height {
+			height: auto;
+		}
 
 		.money-area {
 			width: 100%;
@@ -1235,6 +1245,13 @@ body,
 				text-align: center;
 				letter-spacing: 0.3px;
 				color: #FFFFFF;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				span {
+					color: #F9C545;
+				}
 			}
 
 			.coin {
@@ -1247,18 +1264,18 @@ body,
 				width: 90%;
 
 				img {
-				width: 46px;
-				height: 46px;
-				border-radius: 50%;
-				border: 3px solid #FFFFFF;
+					width: 46px;
+					height: 46px;
+					border-radius: 50%;
+					border: 3px solid #FFFFFF;
 				}
 
 				span {
-				margin-left: 15px;
-				font-weight: 800;
-				font-size: 60px;
-				line-height: 76px;
-				color: #FFFFFF;
+					margin-left: 15px;
+					font-weight: 800;
+					font-size: 60px;
+					line-height: 76px;
+					color: #FFFFFF;
 				}
 			}
 
@@ -1270,7 +1287,7 @@ body,
 				text-align: center;
 				color: #FFFFFF;
 			}
-    	}
+		}
 
 		.title {
 			position: absolute;
@@ -1453,7 +1470,7 @@ body,
 			padding: 14px 0 11px 0;
 			background: #fff;
 			display: flex;
-            font-weight: 500;
+			font-weight: 500;
 			justify-content: space-between;
 			color: #B0B0B0;
 			border-bottom: 1px solid #F2F2F2;
@@ -1512,7 +1529,7 @@ body,
 						font-size: 16px;
 						letter-spacing: 0.3px;
 						color: #444444;
-                        margin-bottom: 5px;
+						margin-bottom: 5px;
 					}
 
 					.luck-time {
@@ -1545,12 +1562,13 @@ body,
 						color: #444444;
 					}
 				}
-        .luck-custom-prize {
-          font-weight: 500;
-          font-size: 14px;
-          letter-spacing: 0.3px;
-          color: #F5B945;
-        }
+
+				.luck-custom-prize {
+					font-weight: 500;
+					font-size: 14px;
+					letter-spacing: 0.3px;
+					color: #F5B945;
+				}
 			}
 
 			.luck-item:last-child {
@@ -1626,7 +1644,8 @@ body,
 			width: 40rem;
 			height: 3.3rem;
 			line-height: 3.3rem;
-            font-weight: normal;
+			font-weight: normal;
+
 			span {
 				font-size: 1.4rem;
 			}

pages/luckdraw.vue

@@ -18,13 +18,20 @@
                         </template>
                         <template v-else>
                             <template v-if="isMoneyPrize">
-                                <img class="lottery" :src=" require('../static/svg/icon-luck-mark.svg') " />
+                                <img class="lottery" :src="require('../static/svg/icon-luck-mark.svg')" />
                                 <div class="head">
                                     <img :src="detail.postBizData.postUserInfo.avatarUrl" />
                                     <span>{{ detail.postBizData.postUserInfo.nickName }}</span>
                                 </div>
                                 <div class="price">
-                                    <div class="usdt">{{ detail.postBizData.currencySymbol }} GIVEAWAY</div>
+                                    <div class="usdt">
+                                        <span>
+                                            {{ detail.postBizData.amountCurrencyCode == 'USD' ? 'US Dollar' :
+                                                    detail.postBizData.tokenSymbol
+                                            }}
+                                        </span>
+                                        &nbsp;GIVEAWAY
+                                    </div>
                                     <div class="money">
                                         <img :src="detail.postBizData.currencyIconPath" />
                                         <font-amount :fontSize="60" :amount="detail.postBizData.amountValue">
@@ -32,7 +39,7 @@
                                     </div>
                                 </div>
                                 <div class="time">
-                                    <img class="img" :src=" require('../static/svg/icon-time.svg') " />
+                                    <img class="img" :src="require('../static/svg/icon-time.svg')" />
                                     {{ validity || '00:00:00' }}
                                 </div>
                                 <div class="box">
@@ -46,9 +53,9 @@
                                     :tokenSymbol="detail.postBizData.tokenSymbol"
                                     :currencyIconUrl="detail.postBizData.iconPath" :playType="2" :validity="validity"
                                     :userInfo="{
-                                    nickName: detail.postBizData.postUserInfo.nickName,
-                                    avatarUrl: detail.postBizData.postUserInfo.avatarUrl
-                                }" :rewardType="detail.postBizData.rewardType"
+                                        nickName: detail.postBizData.postUserInfo.nickName,
+                                        avatarUrl: detail.postBizData.postUserInfo.avatarUrl
+                                    }" :rewardType="detail.postBizData.rewardType"
                                     :customizedReward="detail.postBizData.customizedReward" :showBottomInfo="false">
                                 </custom-card-cover>
                             </template>
@@ -57,14 +64,15 @@
                     <template v-else>
                         <div class="succTop">
                             <template v-if="status === 'opened'">
-                                <img class="img" :src=" require('../static/svg/icon-luck-rabbit.svg') " />
+                                <img class="img" :src="require('../static/svg/icon-luck-rabbit.svg')" />
                                 <p class="tips">Good Luck Next Time!</p>
                             </template>
                             <template v-else-if="status === 'expire'">
                                 <!-- <img class="img" :src=" require('../static/svg/icon-luck-complete.svg') " />
                                 <p class="tips">This Draw is Complete</p> -->
                                 <p class="expire">This Giveaways<br />expired on {{
-                                    formatTime(detail.postBizData.endTimestamp, 'MM-DD') }}</p>
+                                        formatTime(detail.postBizData.endTimestamp, 'MM-DD')
+                                }}</p>
                             </template>
                             <template v-else>
                                 <p class="win">🎉 Awesome! You Will Get</p>
@@ -78,14 +86,15 @@
                             <span>{{ detail.postBizData.receiveCount || 0 }}/{{ detail.postBizData.totalCount || 0 }}
                                 Winners</span>
                             <span v-if="isMoneyPrize">{{ detail.postBizData.receiveAmountValue }} / {{
-                                detail.postBizData.amountValue || '' }} {{ detail.postBizData.currencySymbol || ''
-                                }}</span>
+                                    detail.postBizData.amountValue || ''
+                            }} {{ detail.postBizData.currencySymbol || ''
+}}</span>
                         </div>
                         <div class="luck-list" @scroll="handleScroll($event)">
                             <div class="luck-item" v-for="item, i in luck_list" v-bind:key="i">
                                 <div class="userLogo">
                                     <img class="medal" v-if="i < 2"
-                                        :src=" require('../static/svg/icon-medal-' + i + '.svg') " />
+                                        :src="require('../static/svg/icon-medal-' + i + '.svg')" />
                                     <img class="header" v-if="item.simpleUserInfoVO.avatarUrl"
                                         :src="item.simpleUserInfoVO.avatarUrl" alt />
                                     <img class="header" v-else src="/svg/icon-twitter.svg" alt />
@@ -115,7 +124,7 @@
                             <div class="item">
                                 <!-- <div class="icon"><img :src=" require('../static/subject/02.svg') " /></div> -->
                                 <div class="font">Open link on PC to draw</div>
-                                <div class="pc"><img :src=" require('../static/subject/pc.svg') " /></div>
+                                <div class="pc"><img :src="require('../static/subject/pc.svg')" /></div>
                             </div>
                         </div>
                         <div class="area-content">
@@ -171,22 +180,29 @@
                                         :currencyIconUrl="detail.postBizData.iconPath" :playType="2" :posterType="2"
                                         :customPosterInstalled="detail.postBizData.customPosterInstalled"
                                         :validity="validity" :userInfo="{
-                                        nickName: detail.postBizData.postUserInfo.nickName,
-                                        avatarUrl: detail.postBizData.postUserInfo.avatarUrl
-                                    }" :rewardType="detail.postBizData.rewardType"
+                                            nickName: detail.postBizData.postUserInfo.nickName,
+                                            avatarUrl: detail.postBizData.postUserInfo.avatarUrl
+                                        }" :rewardType="detail.postBizData.rewardType"
                                         :customizedReward="detail.postBizData.customizedReward" :showBottomInfo="true">
                                     </custom-card-cover>
                                 </template>
                                 <template v-else>
                                     <!-- 旧版 样式，后续更新时在 custom-card-cover 公共组件内维护-->
                                     <template v-if="isMoneyPrize">
-                                        <img class="lottery" :src=" require('../static/svg/icon-luck-mark.svg') " />
+                                        <img class="lottery" :src="require('../static/svg/icon-luck-mark.svg')" />
                                         <div class="head">
                                             <img :src="detail.postBizData.postUserInfo.avatarUrl" />
                                             <span>{{ detail.postBizData.postUserInfo.nickName }}</span>
                                         </div>
                                         <div class="price">
-                                            <div class="usdt">{{ detail.postBizData.currencySymbol }} GIVEAWAY</div>
+                                            <div class="usdt">
+                                                <span>
+                                                    {{ detail.postBizData.amountCurrencyCode == 'USD' ? 'US Dollar' :
+                                                            detail.postBizData.tokenSymbol
+                                                    }}
+                                                </span>
+                                                &nbsp;GIVEAWAY
+                                            </div>
                                             <div class="money">
                                                 <img :src="detail.postBizData.currencyIconPath" />
                                                 <font-amount :fontSize="60" :amount="detail.postBizData.amountValue">
@@ -194,7 +210,7 @@
                                             </div>
                                         </div>
                                         <div class="time">
-                                            <img class="img" :src=" require('../static/svg/icon-time.svg') " />
+                                            <img class="img" :src="require('../static/svg/icon-time.svg')" />
                                             {{ validity || '00:00:00' }}
                                         </div>
                                         <div class="box">
@@ -208,9 +224,9 @@
                                             :tokenSymbol="detail.postBizData.tokenSymbol"
                                             :currencyIconUrl="detail.postBizData.iconPath" :playType="2"
                                             :validity="validity" :userInfo="{
-                                            nickName: detail.postBizData.postUserInfo.nickName,
-                                            avatarUrl: detail.postBizData.postUserInfo.avatarUrl
-                                        }" :rewardType="detail.postBizData.rewardType"
+                                                nickName: detail.postBizData.postUserInfo.nickName,
+                                                avatarUrl: detail.postBizData.postUserInfo.avatarUrl
+                                            }" :rewardType="detail.postBizData.rewardType"
                                             :customizedReward="detail.postBizData.customizedReward"
                                             :showBottomInfo="true"></custom-card-cover>
                                     </template>
@@ -219,14 +235,15 @@
                             <template v-else>
                                 <div class="succTop">
                                     <template v-if="status === 'opened'">
-                                        <img class="img" :src=" require('../static/svg/icon-luck-rabbit.svg') " />
+                                        <img class="img" :src="require('../static/svg/icon-luck-rabbit.svg')" />
                                         <p class="tips">Good Luck Next Time!</p>
                                     </template>
                                     <template v-else-if="status === 'expire'">
                                         <!-- <img class="img" :src=" require('../static/svg/icon-luck-complete.svg') " />
                                         <p class="tips">This Draw is Complete</p> -->
                                         <p class="expire">This Giveaways<br />expired on {{
-                                            formatTime(detail.postBizData.endTimestamp, 'MM-DD') }}</p>
+                                                formatTime(detail.postBizData.endTimestamp, 'MM-DD')
+                                        }}</p>
                                     </template>
                                     <template v-else>
                                         <p class="win">🎉 Awesome! You are Winner!</p>
@@ -238,25 +255,28 @@
                                 </div>
                                 <div class="succTitle">
                                     <span>{{ detail.postBizData.receiveCount || 0 }}/{{ detail.postBizData.totalCount ||
-                                        0 }} Winners</span>
+                                            0
+                                    }} Winners</span>
                                     <span v-if="isMoneyPrize">{{ detail.postBizData.receiveAmountValue }} / {{
-                                        detail.postBizData.amountValue || '' }} {{ detail.postBizData.currencySymbol ||
-                                        '' }}</span>
+                                            detail.postBizData.amountValue || ''
+                                    }} {{ detail.postBizData.currencySymbol ||
+        ''
+}}</span>
                                 </div>
                                 <div class="luck-list" @scroll="handleScroll($event)">
                                     <div class="luck-item" v-for="item, i in luck_list" v-bind:key="i">
                                         <div class="userLogo">
                                             <img class="medal" v-if="i < 2"
-                                                :src=" require('../static/svg/icon-medal-' + i + '.svg') " />
+                                                :src="require('../static/svg/icon-medal-' + i + '.svg')" />
                                             <img class="header" v-if="item.simpleUserInfoVO.avatarUrl"
                                                 :src="item.simpleUserInfoVO.avatarUrl" alt />
                                             <img class="header" v-else src="/svg/icon-twitter.svg" alt />
                                         </div>
                                         <div class="luck-content">
                                             <div class="luck-title">{{ item.simpleUserInfoVO.nickName || 'Twitter User'
-                                                }}</div>
+                                            }}</div>
                                             <div class="luck-time">{{ formatTime(item.receiveTimestamp, 'MM-DD HH:mm')
-                                                }}</div>
+                                            }}</div>
                                         </div>
                                         <div class="luck-money" v-if="isMoneyPrize">
                                             <img :src="item.currencyIconPath" alt />
@@ -311,14 +331,14 @@ var moment = require('moment');
 var ClipboardJS = require('clipboard')
 
 const api = {
-	prod: 'https://api.denetme.net',
-	pre: 'https://preapi.denetme.net',
-	test: 'https://testapi.denetme.net'
+    prod: 'https://api.denetme.net',
+    pre: 'https://preapi.denetme.net',
+    test: 'https://testapi.denetme.net'
 }
 const page = {
-	prod: "https://h5.denetme.net",
-	pre: "https://preh5.denetme.net",
-	test: 'https://testh5.denetme.net'
+    prod: "https://h5.denetme.net",
+    pre: "https://preh5.denetme.net",
+    test: 'https://testh5.denetme.net'
 }
 const jumpUrl = page[process.env.NUXT_ENV.MODE] + '/'
 const baseURL = api[process.env.NUXT_ENV.MODE]
@@ -326,12 +346,12 @@ const baseURL = api[process.env.NUXT_ENV.MODE]
 export default {
     name: 'luckdraw',
     components: {
-		FontAmount,CustomCardCover
-	},
+        FontAmount, CustomCardCover
+    },
     head() {
-		return {
-			type: '',
-			title: this.title,
+        return {
+            type: '',
+            title: this.title,
             appVersionCode: appVersionCode,
             meta: [
                 // facebook
@@ -567,6 +587,7 @@ export default {
                 postNickName: this.detail.postBizData.postUserInfo.nickName || '',
                 createTime: Date.now(),
                 jump_type: 'luck_draw',
+                postId: this.detail.postId || ''
             };
             Cookies.set('jump_info', JSON.stringify(pickupInfo), { expires: 100 });
         },
@@ -806,10 +827,10 @@ html,
 body,
 #__nuxt,
 #__layout {
-	width: 100%;
-	height: 100%;
-	padding: 0;
-	margin: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
 }
 
 .content {
@@ -817,6 +838,7 @@ body,
     width: 100%;
     height: 100%;
     background: #fff;
+
     .loading {
         position: absolute;
         transform: translate(-50%, -50%);
@@ -826,26 +848,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%;
@@ -857,14 +884,16 @@ body,
                 font-size: 15px;
                 color: #000;
                 height: 54px;
+
                 img {
-                  width: 30px;
-                  height: 30px;
-                  border-radius: 50%;
-                  margin-right: 10px;
+                    width: 30px;
+                    height: 30px;
+                    border-radius: 50%;
+                    margin-right: 10px;
                 }
 
             }
+
             .giveaway {
                 position: relative;
                 overflow: hidden;
@@ -877,12 +906,14 @@ body,
                 &.bg {
                     background: linear-gradient(17.98deg, #3438FF 3.69%, #8B56FC 74.32%);
                 }
+
                 &.custom {
                     background: unset;
-                    height: auto!important;
+                    height: auto !important;
                 }
+
                 &.auto-height {
-                  height: auto;
+                    height: auto;
                 }
 
 
@@ -894,10 +925,12 @@ body,
                     width: 110px;
                     height: 94px;
                 }
+
                 .head {
                     display: flex;
                     height: 50px;
                     align-items: center;
+
                     img {
                         width: 20px;
                         height: 20px;
@@ -905,6 +938,7 @@ body,
                         margin: 0 10px 0 15px;
                         border: solid 2px #fff;
                     }
+
                     span {
                         color: #fff;
                         font-size: 13px;
@@ -913,8 +947,10 @@ body,
                         letter-spacing: 0.005em;
                     }
                 }
+
                 .price {
                     text-align: center;
+
                     .usdt {
                         margin: 10px 0;
                         color: #FFFFFF;
@@ -923,11 +959,21 @@ body,
                         line-height: 20px;
                         text-align: center;
                         letter-spacing: 0.3px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+
+                        span {
+                            color: #F9C545;
+                        }
+
                     }
+
                     .money {
                         display: flex;
                         align-items: center;
                         justify-content: center;
+
                         img {
                             width: 46px;
                             height: 46px;
@@ -935,6 +981,7 @@ body,
                             border-radius: 50%;
                             border: solid 3px #fff;
                         }
+
                         span {
                             color: #fff;
                             font-size: 60px;
@@ -943,6 +990,7 @@ body,
                         }
                     }
                 }
+
                 .time {
                     display: flex;
                     height: 46px;
@@ -954,24 +1002,29 @@ body,
                     line-height: 33px;
                     text-align: center;
                     background: rgba($color: #000000, $alpha: .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;
@@ -980,10 +1033,12 @@ body,
                     margin-top: 90px;
                     margin-bottom: 20px;
                 }
+
                 .issue {
                     font-size: 15px;
                     color: #A4A4A4;
                 }
+
                 .button {
                     cursor: pointer;
                     height: 64px;
@@ -999,12 +1054,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;
+        background: #111214 !important;
     }
+
     .lottery {
         position: absolute;
         top: 0;
@@ -1012,13 +1070,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;
@@ -1026,6 +1087,7 @@ body,
             margin: 0 10px 0 15px;
             border: solid 2px #fff;
         }
+
         span {
             color: #fff;
             font-size: 13px;
@@ -1034,8 +1096,10 @@ body,
             letter-spacing: 0.005em;
         }
     }
+
     .price {
         text-align: center;
+
         .usdt {
             margin: 10px 0;
             color: #FFFFFF;
@@ -1044,11 +1108,20 @@ body,
             line-height: 20px;
             text-align: center;
             letter-spacing: 0.3px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            span {
+                color: #F9C545;
+            }
         }
+
         .money {
             display: flex;
             align-items: center;
             justify-content: center;
+
             img {
                 width: 46px;
                 height: 46px;
@@ -1056,6 +1129,7 @@ body,
                 border-radius: 50%;
                 border: solid 3px #fff;
             }
+
             span {
                 color: #fff;
                 font-size: 60px;
@@ -1064,6 +1138,7 @@ body,
             }
         }
     }
+
     .time {
         display: flex;
         height: 46px;
@@ -1075,51 +1150,59 @@ body,
         line-height: 33px;
         text-align: center;
         background: rgba($color: #000000, $alpha: .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;
-		background: #fff;
+        background: #fff;
         overflow: hidden;
-		width: 100%;
-		flex-wrap: wrap;
-		height: 198px;
-		box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
-		border-top-left-radius: 10px;
-		border-top-right-radius: 10px;
+        width: 100%;
+        flex-wrap: wrap;
+        height: 198px;
+        box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
+        border-top-left-radius: 10px;
+        border-top-right-radius: 10px;
 
         .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;
@@ -1127,34 +1210,34 @@ body,
             }
         }
 
-		.area-content {
+        .area-content {
             margin: 0 15px;
             color: #4B4B4B;
-			padding: 7px 10px;
-			font-size: 13px;
+            padding: 7px 10px;
+            font-size: 13px;
             border-radius: 5px;
             background: #F4F4F4;
-			word-break: break-all;
-		}
+            word-break: break-all;
+        }
 
-		.area-btn {
-			flex: 1;
-			display: flex;
-			justify-content: center;
+        .area-btn {
+            flex: 1;
+            display: flex;
+            justify-content: center;
 
-			.btn {
+            .btn {
                 margin: 15px 15px 0 15px;
                 display: inline-block;
                 width: 100%;
-				height: 47px;
-				font-size: 18px;
+                height: 47px;
+                font-size: 18px;
                 line-height: 34px;
-				color: #FFFFFF;
-				border-radius: 100px;
-				background: #389AFF;
-			}
-		}
-	}
+                color: #FFFFFF;
+                border-radius: 100px;
+                background: #389AFF;
+            }
+        }
+    }
 }
 
 .layer {
@@ -1205,6 +1288,7 @@ body,
     width: 100%;
     height: 310px;
     overflow-y: auto;
+
     .luck-item {
         display: flex;
         padding: 12px 0;
@@ -1212,20 +1296,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;
@@ -1234,11 +1322,13 @@ body,
                 color: #f5b945;
             }
         }
+
         .userLogo {
             position: relative;
             width: 42px;
             height: 42px;
             margin-right: 12px;
+
             .medal {
                 position: absolute;
                 right: -5px;
@@ -1246,19 +1336,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;
@@ -1267,15 +1361,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;
@@ -1285,13 +1382,15 @@ body,
                 color: #444444;
             }
         }
+
         .luck-custom-prize {
-          font-weight: 500;
-          font-size: 14px;
-          letter-spacing: 0.3px;
-          color: #F5B945;
-      }
+            font-weight: 500;
+            font-size: 14px;
+            letter-spacing: 0.3px;
+            color: #F5B945;
+        }
     }
+
     .luck-item:last-child {
         border: 0;
     }
@@ -1306,9 +1405,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;
@@ -1317,6 +1418,7 @@ body,
         margin-top: 15px;
         text-align: center;
     }
+
     .tips {
         color: #FFFFFF;
         font-size: 22px;
@@ -1324,16 +1426,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;
@@ -1341,6 +1446,7 @@ body,
             border-radius: 50%;
             border: solid 3px #fff;
         }
+
         span {
             color: #fff;
             font-size: 60px;
@@ -1349,15 +1455,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;
         }
@@ -1368,9 +1477,10 @@ body,
     width: 100%;
     min-height: 373px;
 }
+
 .customBottom {
     width: 100%;
-    background:#111214;
+    background: #111214;
     padding: 10px 16px;
     font-weight: 500;
     font-size: 12px;
@@ -1378,28 +1488,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{
+
+        .count {
             color: #1D9BF0;
             margin-right: 4px;
         }
+
         .prize-name {
             color: #1D9BF0;
             margin-left: 4px;

pages/nft/group.vue

@@ -269,6 +269,7 @@ export default {
                 twitterAccount: this.postBizData.defaultTwitterAccount || '',
                 createTime: Date.now(),
                 jump_type: 'nft_group_info',
+                postId: this.detail.postId || ''
             };
             Cookies.set('jump_info', JSON.stringify(nftGroupInfo), { expires: 100 });
         },

pages/nft/index.vue

@@ -250,6 +250,7 @@ export default {
                 twitterAccount: atob(this.$route.params.account || ''),
                 createTime: Date.now(),
                 jump_type: 'nft_info',
+                postId: this.detail.postId || ''
             };
             Cookies.set('jump_info', JSON.stringify(nftInfo), { expires: 100 });
         },

pages/toolbox/index.vue

@@ -4,22 +4,22 @@
         <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>
+                <div class="txt">Use chrome browser to access {{ detail.postBizData.linkTitle || '' }}</div>
                 <install-extension :extensionsInstallUrl="config.extensionsInstallUrl"></install-extension>
             </div>
         </div>
 
         <!-- 移动端 -->
-        <div v-if="device == 'ios' || device == '安卓'" class="mobile">
+        <!-- <div v-if="device == 'ios' || device == '安卓'" class="mobile">
             <div class="mobile-content">
                 <img :src="detail.postBizData.linkImagePath" alt="">
                 <div class="title">Open link on PC to use Subway Surfers</div>
@@ -32,7 +32,7 @@
                     Copy Link
                 </div>
             </div>
-        </div>
+        </div> -->
     </div>
 </template>
 <script>
@@ -56,7 +56,8 @@ export default {
             title: 'Install DeNet Plugin to Participate',
             metaTitle: 'Install DeNet Plugin to Participate',
             device: '',
-            detail: {}
+            detail: {},
+            img_url: ''
         }
     },
     head() {
@@ -131,10 +132,20 @@ export default {
         }
     },
     mounted() {
+        if (this.detail.postBizData.linkImagePath.indexOf('default') > 0) {
+            this.img_url = '/img/img-default.png'
+        } else {
+            this.img_url = this.detail.postBizData.linkImagePath
+        }
+
+
         this.copy_link = window.location.href
         this.device = getBrowserType()
-        this.getConfig()
         console.log('device', this.device)
+        if (this.device == 'ios' || this.device == '安卓') {
+            return window.location = this.detail.postBizData.convertUrl
+        }
+        this.getConfig()
         if (this.device == 'chrome') {
             this.setCookie()
         }
@@ -146,7 +157,8 @@ export default {
                 srcContentId: this.detail.srcContentId || '',
                 postNickName: this.detail.srcUserId || '',
                 createTime: Date.now(),
-                jump_type: 'jump_info',
+                jump_type: 'tool_box',
+                postId: this.detail.postBizData.postId || ''
             };
             Cookies.set('jump_info', JSON.stringify(pickupInfo), { expires: 1000 });
         },