crypto/bemarket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

没有盲盒时, 显示通用的无记录icon

Browse Source
This commit is contained in:
cebgcontract 2022-04-20 13:31:45 +08:00
parent eb1a351a49
commit b525291c31
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/desktop/Mystery.vue
View File

@ -19,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card-list"> <div class="card-list" v-if="nftList.length > 0">
<one-lucky-box <one-lucky-box
v-for="nft in nftList" v-for="nft in nftList"
:token-id="nft" :token-id="nft"
@ -27,6 +27,11 @@
@mystery-box-clicked = "onClickBox" @mystery-box-clicked = "onClickBox"
></one-lucky-box> ></one-lucky-box>
</div> </div>
<result-no
v-if="nftList.length === 0"
title="You have no Mystery Boxes."
desc=""
></result-no>
<pagination <pagination
v-if="totalPage>1" v-if="totalPage>1"
:total="totalPage" :total="totalPage"
@ -49,7 +54,7 @@
import { Component, Vue, Watch } from 'vue-property-decorator' import { Component, Vue, Watch } from 'vue-property-decorator'
import TopMenu from '@/components/market/TopMenu.vue' import TopMenu from '@/components/market/TopMenu.vue'
import BaseFooter from '@/components/layout/BaseFooter.vue' import BaseFooter from '@/components/layout/BaseFooter.vue'
import OneBox, { TMP_SHOP_ORDER_ID } from '@/components/market/mall/OneBox.vue' import OneBox from '@/components/market/mall/OneBox.vue'
import { UserModule } from '@/store/modules/user' import { UserModule } from '@/store/modules/user'
import { AppModule } from '@/store/modules/app' import { AppModule } from '@/store/modules/app'
import ChainManager from '@/chain/ChainManager' import ChainManager from '@/chain/ChainManager'
@ -60,8 +65,7 @@ import Pagination from '@/components/market/Pagination.vue'
import ResultNo from '@/components/market/ResultNo.vue' import ResultNo from '@/components/market/ResultNo.vue'
import { CONTRACT_ADDRESS } from '@/configs/config_chain' import { CONTRACT_ADDRESS } from '@/configs/config_chain'
import OneLuckyBox from '@/components/market/mystery/OneLuckyBox.vue' import OneLuckyBox from '@/components/market/mystery/OneLuckyBox.vue'
import { preOpenBox, queryBoxOpenState, queryShopOrder } from '@/api/Market' import { preOpenBox, queryBoxOpenState } from '@/api/Market'
import { EventBus, PRESALE_ERROR, PRESALE_SUCCESS } from '@/utils/event-bus'
const PAGE_SIZE = 8 const PAGE_SIZE = 8
const MYSTERY_BOX_CACHE = 'mystery_box_cache' const MYSTERY_BOX_CACHE = 'mystery_box_cache'