修改需要激活时的提示文字
This commit is contained in:
parent
5cf6ed2d87
commit
df8b702e46
@ -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)
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user