huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

资产页面card绑定使用按钮

Browse Source
This commit is contained in:
yuyongdong 2024-07-01 19:48:52 +08:00
parent 43a2cdd55c
commit ae2a6ddd5e
3 changed files with 53 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/assets/myCard.vue
View File

@ -21,10 +21,10 @@
<img src="@/assets/img/marketplace/ETHicon.png" alt="图片"> <img src="@/assets/img/marketplace/ETHicon.png" alt="图片">
</div> </div>
</div> </div>
<div v-if="nftData.type == 0 && nftData.on_sale == 0" class="enabled"> <div v-if="nftData.type == 0 && nftData.on_sale == 0" class="enabled" @click="lockToGame">
Enabled Enabled
</div> </div>
<div v-if="nftData.type == 1 && nftData.on_sale == 0" class="link-below"> <div v-if="nftData.type == 1 && nftData.on_sale == 0" class="link-below" @click="lockToGame">
Link below Link below
</div> </div>
<!-- <div>{{ nftData.owner_address.substr(0,6) }}...{{ nftData.owner_address.substr(-6) }}</div> --> <!-- <div>{{ nftData.owner_address.substr(0,6) }}...{{ nftData.owner_address.substr(-6) }}</div> -->
@ -118,6 +118,23 @@ const cancelNft = async (val) => {
} }
} }
// 下链使用
const lockToGame = async() => {
// console.log('lockToGame',toRaw(props.nftData).contract_address, [toRaw(props.nftData).token_id])
// return
try {
const bc = new BlockChain()
let res = await bc.locker.lock(toRaw(props.nftData).contract_address, [toRaw(props.nftData).token_id])
console.log('lockToGame success', res)
message.success('lockToGame success')
router.go(-1)
} catch (e) {
console.log('lockToGame fail', e.message)
// message.error('lockToGame fail.')
}
}
// 获取出售中价格价格 // 获取出售中价格价格
const nftPrice = ref() const nftPrice = ref()

31
src/components/marketplace/mktContent.vue
View File

@ -61,11 +61,17 @@
</div> </div>
</div> </div>
<div class="mkt-content-right-content"> <div class="mkt-content-right-content">
<div class="pages"> <div class="pages" v-if="nftList != undefined && nftList.length > 0">
<li v-for="(item, index) in nftList" :key="index"> <li v-for="(item, index) in nftList" :key="index">
<Card v-if="nftList != undefined || nftList.length > 0" @renewNft="renewNft" :nftData="item" /> <Card v-if="nftList != undefined || nftList.length > 0" @renewNft="renewNft" :nftData="item" />
</li> </li>
</div> </div>
<div class="pages-no" v-else>
<div>
<img src="@/assets/img/marketplace/Empty_state.png" alt="">
</div>
<p>No NFT yet</p>
</div>
</div> </div>
</div> </div>
<LoadingDialog :loadingDialogVisible="loadingDialogVisible" /> <LoadingDialog :loadingDialogVisible="loadingDialogVisible" />
@ -317,6 +323,29 @@ onMounted(() => {
} }
} }
} }
.pages-no {
position: relative;
margin-top: 150px;
div {
margin: 0 auto;
width: 401px;
height: 322px;
img {
width: 100%;
height: 100%;
}
}
p {
position: absolute;
top: 260px;
left: 52%;
transform: translateX(-50%);
font-family: 'Poppins';
font-weight: bold;
font-size: 40px;
color: #8587B2;
}
}
} }
} }
} }

8
src/views/DetailView.vue
View File

@ -59,10 +59,10 @@
3、使用 3、使用
--> -->
<div v-else> <div v-else>
<div class="sell" @click="beginSell" v-if="detailData.nft.on_sale == 0">Buy immediately</div> <div class="sell" @click="beginSell" v-if="detailData.nft.on_sale == 0">BList</div>
<div class="cancel" @click="cancelSell" v-if="detailData.nft.on_sale == 1">Off the shelves</div> <div class="cancel" @click="cancelSell" v-if="detailData.nft.on_sale == 1">Cancel listing</div>
<div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 1">Down the chain</div> <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 1">Convert</div>
<div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 0">Enabled</div> <div class="redeem" @click="lockToGame" v-if="detailData.nft.on_sale == 0 && detailData.nft.type == 0">Redeem</div>
</div> </div>
</div> </div>
<div class="info"> <div class="info">