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'