From b525291c31d2bc6924218158ea74729dda25c94e Mon Sep 17 00:00:00 2001
From: cebgcontract <99630598+cebgcontract@users.noreply.github.com>
Date: Wed, 20 Apr 2022 13:31:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B2=A1=E6=9C=89=E7=9B=B2=E7=9B=92=E6=97=B6,?=
 =?UTF-8?q?=20=E6=98=BE=E7=A4=BA=E9=80=9A=E7=94=A8=E7=9A=84=E6=97=A0?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/desktop/Mystery.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

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