[edit][组卡片状态]

src/logic/content/twitter.js

@@ -1419,7 +1419,8 @@ const initGroupTip = () => {
         let iframe_banner = document.querySelector('#denet_group_banner')
         if (iframe_banner) {
             if (twitterAccount != getQueryStringByUrl(iframe_banner.src, 'twitterAccount')) {
-                iframe_banner.style.display = 'none'
+                iframe_banner.style.visibility = 'hidden'
+                iframe_banner.style.height = '0px'
                 iframe_banner.src = chrome.runtime.getURL(`/iframe/group-card.html?twitterAccount=${twitterAccount}`)
             }
             return
@@ -1428,12 +1429,14 @@ const initGroupTip = () => {
             let dom = document.querySelector('div[data-testid="ScrollSnap-SwipeableList"]').closest('nav')
             let iframe = document.createElement('iframe')
             iframe.id = 'denet_group_banner'
-            iframe.style.cssText = 'border: medium none; display:none; width:100%; height:100px;'
+            iframe.style.cssText = 'border: medium none; visibility:hidden; width:100%; height:0px;'
 
             iframe.src = chrome.runtime.getURL(`/iframe/group-card.html?twitterAccount=${twitterAccount}`)
 
-            if (dom && !dom.parentNode.children[0].querySelector('iframe')) {
-                dom.parentNode.children[0].appendChild(iframe)
+
+            if (dom && !dom.parentNode.querySelector('iframe')) {
+                dom.parentNode.insertBefore(iframe,dom)
+                // .children[0].appendChild(iframe)
             }
 
         } catch (error) {
@@ -1444,8 +1447,8 @@ const initGroupTip = () => {
 
 export const showGroupTip = () => {
     let dom_denet_group_banner = document.querySelector('#denet_group_banner')
-    dom_denet_group_banner.style.display = 'block';
-
+    dom_denet_group_banner.style.visibility = 'visible';
+    dom_denet_group_banner.style.height = '100px';
     groupBtnStyleChange();
 }
 

src/view/iframe/group-card/card.vue

@@ -54,7 +54,7 @@ import { sendChromeTabMessage, checkIsLogin } from '@/uilts/chromeExtension.js';
 
 let state = reactive({
     show: 'arrow', //join
-    show2: 'post',
+    show2: 'join',
     data: {},
     twitterAccount: ''
 })
@@ -91,6 +91,8 @@ async function clickJoin() {
                 nftGroupName: state.data.nftGroupName
             }
         })
+    } else if (state.data.buyNftStatus == null || state.data.joinStatus == null) {
+        init()
     }
 }
 
@@ -181,6 +183,8 @@ async function clickPost() {
                 groupId: state.data.nftGroupId
             }
         })
+    } else if (state.data.buyNftStatus == null || state.data.joinStatus == null) {
+        init()
     }
 }
 
@@ -200,7 +204,7 @@ body,
     margin: 0;
     padding: 0;
     width: 100%;
-    height: 100%;
+    height: 100px;
 }
 
 #denet_group_tip {