bug fix

src/view/components/nft-card.vue

@@ -5,7 +5,7 @@
                 <img v-if="item.logoImagePath" :src="item.logoImagePath" alt="" />
             </div>
             <div class="member">{{ item.projectName === '' ? 'xxxx' : item.projectName }}</div>
-            <div class="number">{{ item.nftItemId === '' ? '0000' : item.nftItemId }}</div>
+            <div class="number">{{ nftItemId === '' ? '0000' : nftItemId }}</div>
         </div>
         <img class="bg" :src="item.modelImagePath" />
     </div>
@@ -21,6 +21,10 @@ const props = defineProps({
         type: Object,
         default: {},
     },
+    nftItemId: {
+        type: String,
+        default: '0000',
+    },
     width: {
         type: Number,
         default: 400
@@ -66,7 +70,9 @@ onBeforeMount(() => {
             position: absolute;
             top: 11px;
             left: 11px;
+            width: 228px;
             font-size: 12px;
+            text-align: left;
             font-weight: 800;
             line-height: 13px;
         }

src/view/iframe/buy-nft/buy/open-box.vue

@@ -13,6 +13,7 @@
                     :src="item.imagePath" />
                 <nft-card
                     v-else
+                    :nftItemId="item.nftItemId"
                     :item="item.createImageInfo">
                 </nft-card>
             </div>

src/view/popup/tabbar-page/message/index.vue

@@ -27,6 +27,7 @@
                     :src="item.nftItemVO?.imagePath" />
                   <div v-else style="margin-top: 12px;">
                     <nft-card
+                      :nftItemId="item.nftItemId"
                       :item="item.nftItemVO.createImageInfo"
                       :width="34">
                     </nft-card>

src/view/popup/tabbar-page/nft/detail.vue

@@ -17,6 +17,7 @@
                     v-if="NFTInfo.imagePath"
                 />
                 <nft-card
+                    :nftItemId="NFTInfo.nftItemId"
                     :item="NFTInfo.createImageInfo"
                     :width="343"
                     v-else>

src/view/popup/tabbar-page/nft/index.vue

@@ -3,7 +3,7 @@
     <div class="content" ref="pageListDom">
       <div class="item" v-for="(item, index) in listData" :key="index" @click="clickNFT(item)">
         <img :src="item.imagePath" class="img" v-if="item.imagePath" />
-        <nft-card :item="item.createImageInfo" :width="103" v-else></nft-card>
+        <nft-card :nftItemId="item.nftItemId" :item="item.createImageInfo" :width="103" v-else></nft-card>
         <div class="name">{{ item.nftItemName }}</div>
       </div>
     </div>