From df8b702e468fb813724f9e7b14c9949efa862f38 Mon Sep 17 00:00:00 2001
From: cebgcontract <99630598+cebgcontract@users.noreply.github.com>
Date: Sun, 24 Apr 2022 21:28:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=9C=80=E8=A6=81=E6=BF=80?=
 =?UTF-8?q?=E6=B4=BB=E6=97=B6=E7=9A=84=E6=8F=90=E7=A4=BA=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/NftInfo.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/market/NftInfo.vue b/src/components/market/NftInfo.vue
index 3e6a1d4..42cbcef 100644
--- a/src/components/market/NftInfo.vue
+++ b/src/components/market/NftInfo.vue
@@ -2,7 +2,7 @@
   <div class="card-info-outlet">
   <div class="card-root">
     <hero-nft :nft-data="nftData" class="item" @activate-clicked="onActivateClick"></hero-nft>
-    <div class="attr-div" v-if="!nftData.hideAttr && nftData.type === 1">
+    <div class="attr-div" v-if="!hideAttr && nftData.type === 1">
       <div class="two-col-info">
         <div class="one-info">
           <div class="info-title">Level</div>
@@ -41,7 +41,7 @@
         </div>
       </div>
     </div>
-    <div class="attr-div weapon" v-if="!nftData.hideAttr && nftData.type === 2">
+    <div class="attr-div weapon" v-if="!hideAttr && nftData.type === 2">
       <div class="two-col-info">
         <div class="one-info">
           <div class="info-title">Level</div>
@@ -91,8 +91,8 @@
         </div>
       </div>
     </div>
-    <div class="attr-div" v-if="nftData.hideAttr">
-      <div class="coming">-- COMING SOON --</div>
+    <div class="attr-div" v-if="hideAttr">
+      <div class="coming">{{waitStr}}</div>
     </div>
   </div>
   </div>
@@ -114,6 +114,18 @@ import { INftData } from '@/types/Nft'
 export default class extends Vue {
   @Prop() private nftData: INftData
 
+  get waitStr() {
+    return this.needActivate ? '-- NEED ACTIVATION --' : '-- COMING SOON --'
+  }
+
+  get needActivate() {
+    return (this.nftData?.id || '').length > 17
+  }
+
+  get hideAttr() {
+    return this.nftData.hideAttr || this.needActivate
+  }
+
   attr(key: string) {
     return this.nftData.attrMap.get(key)
   }