修改需要激活时的提示文字

This commit is contained in:
cebgcontract 2022-04-24 21:28:45 +08:00
parent 5cf6ed2d87
commit df8b702e46

View File

@ -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)
}