fix

src/layout/MainPage/Header.vue

 <template>
-  <div class="fixed top-0 w-full z-50 flex justify-center ease-in duration-200" :class="{'bg-white': $route.path !== '/home' || !isTop, 'min-w-1200': !isMobile}">
+  <div class="fixed top-0 w-full flex justify-center ease-in duration-200" style="z-index: 3000" :class="{'bg-white': $route.path !== '/home' || !isTop, 'min-w-1200': !isMobile}">
     <div v-if="!isMobile" class="min-w-1200 h-16 text-footer-color md:w-bodySet flex justify-between items-center ease-in duration-500">
       <div class="flex items-center">
         <img src="@/assets/images/header/logo.png" alt="logo" width="164">

src/mixin/tradeDetail.ts

@@ -8,17 +8,15 @@ export default Vue.extend({
       searchInputPlaceholder,
       searchValue: "",
       data: {} as any,
+      loading: false,
     };
   },
-  async mounted() {
-    const ret = await queryTransaction(
-      "ycc",
-      "/yccApi",
-      this.$route.query.hash as string
-    );
-    if (ret) {
-      this.data = ret;
-    }
+
+  mounted() {
+    this.init();
+  },
+  activated() {
+    this.init();
   },
   methods: {
     clickSearch(str: string) {
@@ -27,5 +25,17 @@ export default Vue.extend({
     setSearchValue(v: string) {
       this.searchValue = v;
     },
+    async init() {
+      this.loading = true;
+      const ret = await queryTransaction(
+        "ycc",
+        "/yccApi",
+        this.$route.query.hash as string
+      );
+      this.loading = false;
+      if (ret) {
+        this.data = ret;
+      }
+    },
   },
 });

src/utils/filters.ts

@@ -71,7 +71,6 @@ const formatTime = (date: any, format = "yyyy-MM-dd hh:mm:ss") => {
 };
 
 const decodeTransferNote = (tx: any = {}) => {
-  console.log(tx, 'in decodeTransferNote');
   
   let payload: any = "";
   if (tx.execer === "user.p.xunku.storage") {

src/views/pc/tradeDetail.vue

@@ -18,7 +18,7 @@
         <label>
           <span>{{ $t('lang.txDetail.txHash') }}</span>
         </label>
-        <div class="item-text flex items-center">
+        <div class="item-text flex items-center" v-loading="loading">
           <span>{{ data.hash }}</span>
           <copy-btn :copyTxt="data.hash" class="ml-2">复制</copy-btn>
         </div>
@@ -27,7 +27,7 @@
         <label>
           <span>{{ $t('lang.txDetail.status') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <div
             :class="['status', data.status === true ? 'success' : 'faild']"
             class="flex items-center"
@@ -54,7 +54,7 @@
         <label>
           <span>{{ $t('lang.txDetail.height') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <router-link :to="`/blockDetail?height=${data.height}`" class="light">
             {{ data.height }}
           </router-link>
@@ -64,13 +64,15 @@
         <label>
           <span>{{ $t('lang.txDetail.time') }}</span>
         </label>
-        <div class="item-text">{{ data.blockTime | formatTime }}</div>
+        <div class="item-text" v-loading="loading">
+          {{ data.blockTime | formatTime }}
+        </div>
       </div>
       <div class="item line flex items-center">
         <label>
           <span>{{ $t('lang.trade.sender') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <router-link :to="`/address?address=${data.from}`" class="light">
             {{ data.from }}
           </router-link>
@@ -80,7 +82,7 @@
         <label>
           <span>{{ $t('lang.trade.receiver') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <router-link :to="`/address?address=${data.to}`" class="light">
             {{ data.to }}
           </router-link>
@@ -90,7 +92,7 @@
         <label>
           <span>{{ $t('lang.txDetail.value') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           {{
             { amount: data.amount, assets: data.assets, tx: data.inData }
               | TradeValue
@@ -101,25 +103,27 @@
         <label>
           <span>{{ $t('lang.txDetail.fee') }}</span>
         </label>
-        <div class="item-text">{{ data.fee | filterFee }}</div>
+        <div class="item-text" v-loading="loading">
+          {{ data.fee | filterFee }}
+        </div>
       </div>
       <div class="item line flex items-center">
         <label>
           <span>{{ $t('lang.txDetail.random') }}</span>
         </label>
-        <div class="item-text">{{ String(data.nonce) }}</div>
+        <div class="item-text" v-loading="loading">{{ String(data.nonce) }}</div>
       </div>
       <div class="item flex items-center">
         <label>
           <span>{{ $t('lang.txDetail.execer') }}</span>
         </label>
-        <div class="item-text">{{ data.execer }}</div>
+        <div class="item-text" v-loading="loading">{{ data.execer }}</div>
       </div>
       <div class="item line flex items-center">
         <label>
           <span>{{ $t('lang.trade.func') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           {{ data.actionName === 'unknown' ? 'none' : data.actionName }}
         </div>
       </div>
@@ -127,7 +131,7 @@
         <label>
           <span>{{ $t('lang.txDetail.txType') }}</span>
         </label>
-        <div class="item-text">{{ data.txType }}</div>
+        <div class="item-text" v-loading="loading">{{ data.txType }}</div>
       </div>
       <div class="markdown-data" v-if="data.execer === 'user.write'">
         <!-- <markdown :content="markdownTxt"></markdown> -->
@@ -136,7 +140,7 @@
         <label>
           <span>{{ $t('lang.txDetail.inData') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <pre class="preTxt" contenteditable="true"> 
             <code>{{data.inData | decodeTransferNote}}</code>
           </pre>
@@ -146,7 +150,7 @@
         <label>
           <span>{{ $t('lang.txDetail.outData') }}</span>
         </label>
-        <div class="item-text">
+        <div class="item-text" v-loading="loading">
           <pre class="preTxt" contenteditable="true">
             <code>{{data.outData}}</code>
           </pre>