nft_group

nuxt.config.js

@@ -62,7 +62,7 @@ export default {
       },
       {
         name: 'nft_group',
-        path: '/nft_group/:id/:account',
+        path: '/nft_group/:id',
         component: resolve(__dirname, 'pages/nft/group.vue')
       },
       {

pages/nft/group.vue

@@ -10,9 +10,9 @@
                 <div class="small">
                     <div class="banner">
                         <div class="logo">
-                            <img class="img" src="" />
+                            <img class="img" :src="postBizData.groupIcon" />
                         </div>
-                        <div class="desc">DeNet Core Member Group DeNet Core Member Group</div>
+                        <div class="desc">{{ postBizData.groupName }}</div>
                     </div>
                     <div class="title">Open link on PC to Buy NFT</div>
                     <div class="desc">{{ linkHref }}</div>
@@ -29,17 +29,17 @@
                     <div class="center">
                         <div class="header">
                             <div class="core">
-                                <div class="core_logo"><img src="" /></div>
-                                <div class="core_title">DeNet Core Member Group</div>
+                                <div class="core_logo"><img :src="postBizData.groupIcon" /></div>
+                                <div class="core_title">{{ postBizData.groupName }}</div>
                             </div>
                             <div class="member">
                                 <label>
                                     <img src="../../static/svg/icon-nft-member.svg" />
-                                    <span>63 Member</span>
+                                    <span>{{ postBizData.memberCount }} Member</span>
                                 </label>
                                 <label>
                                     <img src="../../static/svg/icon-nft-post.svg" />
-                                    <span>37 Posts</span>
+                                    <span>{{ postBizData.postCount }} Posts</span>
                                 </label>
                             </div>
                         </div>
@@ -89,12 +89,15 @@ export default {
             appVersionCode: appVersionCode,
             jumpUrl: jumpUrl,
             detail: {},
+            postBizData: {
+                groupImagePath: '',
+            },
             config: {},
             title: 'DeNet Giveaway',
             isMobile: false,
             isChrome: false,
             linkHref: '',
-            metaTitle: 'DeNet: An Easy Web3 Tool For GIVEAWAY / AIRDROP',
+            metaTitle: 'DeNet: Join NFT Owners Group',
         }
     },
     head() {
@@ -106,7 +109,7 @@ export default {
 				// facebook 
 				{
 					name: 'og:url',
-					content: this.jumpUrl + 'nft/' + this.$route.params.id
+					content: this.jumpUrl + 'nft_group/' + this.$route.params.id
 				},
 				{
 					name: 'og:title',
@@ -114,7 +117,7 @@ export default {
 				},
 				{
 					name: 'og:image',
-					content: this.detail.linkImagePath || ''
+					content: this.postBizData.groupImagePath || ''
 				},
 				// twitter
 				{
@@ -123,7 +126,7 @@ export default {
 				},
 				{
 					name: 'twitter:url',
-					content: this.jumpUrl + 'nft/' + this.$route.params.id
+					content: this.jumpUrl + 'nft_group/' + this.$route.params.id
 				},
 				{
 					name: 'twitter:title',
@@ -131,14 +134,14 @@ export default {
 				},
 				{
 					name: 'twitter:image',
-					content: this.detail.linkImagePath || ''
+					content: this.postBizData.groupImagePath || ''
 				}
 			]
 		}
 	},
     async asyncData(params) {
         let { route } = params;
-		let { data } = await axios.post(`${baseURL}/denet/nft/project/getNftProjectInfo`, {
+		let { data } = await axios.post(`${baseURL}/denet/post/getDetail`, {
 			baseInfo: {
 				appVersionCode: appVersionCode,
 				mid: function () {
@@ -149,12 +152,13 @@ export default {
 				}()
 			},
 			params: {
-				nftProjectId: route.params.id || ''
+				postId: route.params.id || ''
 			}
 		})
 		if (data.code == 0 && data.data !== null) {
             return {
                 detail: data.data,
+                postBizData: JSON.parse(data.data.postBizData),
             }
 		}
     },
@@ -214,12 +218,11 @@ export default {
 			this.isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
 		},
         setNftInfo() {
-			let nftInfo = {
-				nftProjectId: this.detail.nftProjectId,
-                twitterAccount: atob(this.$route.params.account || ''),
+			let nftGroupInfo = {
+				twitterAccount: this.postBizData.defaultTwitterAccount || '',
                 createTime: Date.now(),
 			};
-			Cookies.set('nft_info', JSON.stringify(nftInfo), { expires: 100 });
+			Cookies.set('nft_group_info', JSON.stringify(nftGroupInfo), { expires: 100 });
 		},
     }
 }
@@ -282,10 +285,16 @@ body,
                     display: flex;
                     align-items: center;
                     .core_logo {
+                        overflow: hidden;
                         width: 54px;
                         height: 54px;
                         border-radius: 6px;
                         background-color: #fff;
+                        img {
+                            width: 100%;
+                            height: 100%;
+                            border-radius: 6px;
+                        }
                     }
                     .core_title {
                         color: #fff;
@@ -363,6 +372,7 @@ body,
                 position: unset;
                 width: 50px;
                 height: 50px;
+                border-radius: 5px;
             }
         }
         .desc {