|
|
@@ -23,17 +23,17 @@
|
|
|
padding: 20px;
|
|
|
box-sizing: border-box;">
|
|
|
<template #reference>
|
|
|
- <img :src="item.nftItem.imagePath" class="icon-nft" @click.stop="">
|
|
|
+ <img v-if="item.nftItem" :src="item.nftItem.imagePath" class="icon-nft" @click.stop="">
|
|
|
</template>
|
|
|
<template #default>
|
|
|
- <div class="preview-nft">
|
|
|
+ <div class="preview-nft" v-if="item.nftItem">
|
|
|
<img :src="item.nftItem.imagePath" class="icon-nft-big">
|
|
|
<div class="content">
|
|
|
<div class="nft-name">
|
|
|
{{item.nftItem.nftItemName}}
|
|
|
</div>
|
|
|
<div class="nft-desc">
|
|
|
- <div v-html="item.nftItem.metadata.description"></div>
|
|
|
+ <div v-if="item.nftItem.metadata.description" v-html="item.nftItem.metadata.description"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -186,9 +186,12 @@ const getListData = () => {
|
|
|
let resData = res.data;
|
|
|
if (resData.length) {
|
|
|
for (let i = 0; i < resData.length; i++) {
|
|
|
- let matedata = resData[i]["nftItem"]['metadata'];
|
|
|
- if(matedata) {
|
|
|
- resData[i]["nftItem"]['metadata'] = JSON.parse(matedata);
|
|
|
+ let nftItem = resData[i]["nftItem"];
|
|
|
+ if(nftItem) {
|
|
|
+ let matedata = nftItem['metadata'];
|
|
|
+ if(matedata) {
|
|
|
+ resData[i]["nftItem"]['metadata'] = JSON.parse(matedata);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -275,20 +278,6 @@ html, body, #app {
|
|
|
.post-content {
|
|
|
color: #fff !important;
|
|
|
}
|
|
|
-
|
|
|
- .preview-nft {
|
|
|
- color: #fff !important;
|
|
|
- .content {
|
|
|
- color: #fff !important;
|
|
|
-
|
|
|
- .nft-name {
|
|
|
- color: #fff !important;
|
|
|
- }
|
|
|
- .nft-desc {
|
|
|
- color: #fff !important;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.preview-nft {
|
