[edit][buy-nft-bug]

src/entry/content.js

@@ -22,7 +22,8 @@ import {
     onTweetReplyClick,
     showNFTSale,
     showBuyNFT,
-    hideBuyNFT
+    hideBuyNFT,
+    showPopupPage
 } from "@/logic/content/twitter.js";
 
 import {
@@ -101,6 +102,9 @@ chrome.runtime.onMessage.addListener((req, sender, sendResponse) => {
         case "IFRAME_TWITTER_PUBLISH":
             twitterPublishHandler(req.publishRes);
             break;
+        case 'IFRAME_TWITTER_SHOW_POPUP_PAGE':
+            showPopupPage({path: '/NFT'}); 
+            break
         case "IFRAME_TWITTER_SHOW_BUY_NFT":
             showBuyNFT(req.data)
             break

src/view/iframe/buy-nft/buy/open-box.vue

@@ -12,6 +12,7 @@
 </template>
 <script setup>
 import { reactive, onMounted, inject } from 'vue'
+import router from "@/router/buy-nft.js";
 let pay_info = inject('pay_info');
 let state = reactive({
     box: {
@@ -47,6 +48,10 @@ const showNFTs = () => {
                 chrome.tabs.sendMessage(tab.id, {
                     actionType: "IFRAME_TWITTER_HIDE_BUY_NFT",
                 }, (res) => { });
+                chrome.tabs.sendMessage(tab.id, {
+                    actionType: "IFRAME_TWITTER_SHOW_POPUP_PAGE",
+                }, (res) => { });
+                router.replace('/')
             })
         }
         i++

src/view/iframe/buy-nft/buy/pay.vue

@@ -45,13 +45,10 @@
 
         <!-- 底部 -->
         <div class="footer">
-            <div class="buy1" v-show="state.loading.show && state.is_btn_grey == false">
-                <btn-loading :color="'while'"></btn-loading>
-            </div>
-
-            <div class="buy1" @click="clickPlay" v-if="!state.loading.show && state.is_btn_grey == false">
+            <div class="buy1" @click="clickPlay" v-if="state.is_btn_grey == false">
+                <btn-loading :color="'while'" v-if="state.loading.show"></btn-loading>
                 <template
-                    v-if="(pay_info.home.sale_plan.price.length + pay_info.home.sale_plan.currencyCode.length) > 30">
+                    v-else-if="(pay_info.home.sale_plan.price.length + pay_info.home.sale_plan.currencyCode.length) > 30">
                     <div class="left">Pay</div>
                     <div class="right">
                         <p>{{ pay_info.home.sale_plan.price }}</p>