From cd051bd5d00e9b1e541c5ab4b6b23ec2982ea619 Mon Sep 17 00:00:00 2001
From: cebgcontract <99630598+cebgcontract@users.noreply.github.com>
Date: Sat, 16 Apr 2022 16:02:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0nft=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=B1=9E=E6=80=A7=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/market/NftInfo.vue     | 26 ++++++++++++++++++++++----
 src/components/market/nft/HeroNft.vue |  2 +-
 src/types/Nft.ts                      |  2 ++
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/components/market/NftInfo.vue b/src/components/market/NftInfo.vue
index 96e82c4..5bc883e 100644
--- a/src/components/market/NftInfo.vue
+++ b/src/components/market/NftInfo.vue
@@ -1,9 +1,8 @@
 <template>
   <div class="card-info-outlet">
-  <a class="card-root" :href="nftData.id? `/item/${nftData.id}`: 'javascript:void(0)'">
+  <a class="card-root" :href="!nftData.hideAttr? `/item/${nftData.id}`: 'javascript:void(0)'">
     <hero-nft :nft-data="nftData" class="item"></hero-nft>
-    <div class="attr-div" v-if="nftData.type === 1">
-
+    <div class="attr-div" v-if="!nftData.hideAttr && nftData.type === 1">
       <div class="one-col-info">
         <div class="one-info">
           <div class="info-title">Level</div>
@@ -37,7 +36,7 @@
         </div>
       </div>
     </div>
-    <div class="attr-div" v-if="nftData.type === 2">
+    <div class="attr-div" v-if="!nftData.hideAttr && nftData.type === 2">
       <div class="one-col-info">
         <div class="one-info">
           <div class="info-title w50">Level</div>
@@ -51,6 +50,9 @@
         </div>
       </div>
     </div>
+    <div class="attr-div" v-if="nftData.hideAttr">
+      <div class="coming">-- COMING SOON --</div>
+    </div>
   </a>
   </div>
 </template>
@@ -107,6 +109,15 @@ export default class extends Vue {
       color: white;
       flex-direction: column;
       font-size: 11px;
+      box-sizing: border-box;
+      .coming{
+        width: 100%;
+        height: 55px;
+        color: #6B6E91;
+        text-align: center;
+        line-height: 55px;
+        font-size: 1.5em;
+      }
       .two-col-info {
         display: flex;
         flex-direction: row;
@@ -188,6 +199,13 @@ export default class extends Vue {
             display: flex;
           }
         }
+        .coming{
+          color: #6B6E91;
+          text-align: center;
+          line-height: 55px;
+          margin-top: auto;
+          margin-bottom: auto;
+        }
         .one-info{
           display: flex;
           flex-direction: row;
diff --git a/src/components/market/nft/HeroNft.vue b/src/components/market/nft/HeroNft.vue
index df46709..6c45578 100644
--- a/src/components/market/nft/HeroNft.vue
+++ b/src/components/market/nft/HeroNft.vue
@@ -1,5 +1,5 @@
 <template>
-  <a class="card-outlet" :href="`/item/${nftData.id}`">
+  <a class="card-outlet" :href="!nftData.hideAttr? `/item/${nftData.id}`: 'javascript:void(0)'">
     <div class="nft-id">#{{nftData.id}}</div>
     <div class="card" >
       <img v-if="nftData.id" class="bg-img" src="@/assets/main/card/card_border.png" alt="">
diff --git a/src/types/Nft.ts b/src/types/Nft.ts
index 3194327..ea7773a 100644
--- a/src/types/Nft.ts
+++ b/src/types/Nft.ts
@@ -42,6 +42,7 @@ export interface INftData{
   attrMap: Map<string, string>
   extAttrList: KeyValuePair[]
   showBuy?: boolean
+  hideAttr?: boolean
 }
 export const defaultINftData = () => {
   return {
@@ -87,6 +88,7 @@ export function parseNftData(data: any) {
     state: data.state,
     mintTime: data.mint_time,
     job: info.job,
+    hideAttr: data.hide_attr,
     attrMap,
     extAttrList
   }