fix: show diff bg color when tx is txGroup

src/components/mobile/m-txItem.vue

@@ -91,7 +91,7 @@
   </div>
 </template>
 <script lang="ts">
-import Vue, { PropType } from 'vue'
+import Vue from 'vue'
 import TxStatus from '../pc/txStatus.vue'
 import txGroupIcon from '@/assets/images/blockChainBrowser/tradeDetail/txGroupIcon.png'
 export default Vue.extend({
@@ -100,7 +100,7 @@ export default Vue.extend({
   },
   props: {
     blockTime: Number,
-    txGroup: String as PropType<'isGroupItem' | 'isGroupItemEnd'>,
+    tradeG: Number,
     amount: Number,
     txHash: String,
     from: String,
@@ -112,6 +112,17 @@ export default Vue.extend({
       txGroupIcon,
     }
   },
+  computed: {
+    txGroup() {
+      if (this.tradeG === 1 || this.tradeG === 2) {
+        return 'isGroupItem'
+      } else if (this.tradeG === 3) {
+        return 'isGroupItemEnd'
+      } else {
+        return ''
+      }
+    },
+  },
 })
 </script>
 <style lang="scss" scoped>

src/mixin/blockDetail.ts

@@ -51,7 +51,6 @@ export default Vue.extend({
         if (data.error == null) {
           // this.searchIcon(data.result.txs);
           this.Trades = this.checkGroup(data.result.txs);
-          console.log(this.Trades, "show Trades");
         } else {
           message.warning(this.$t("components.tip") + data.error);
         }

src/views/mobile/blockDetail/index.vue

@@ -28,6 +28,7 @@
         :from="trade.tx.from"
         :blockTime="trade.blockTime"
         :to="trade.tx.to"
+        :tradeG="trade.tradeG"
         :status="isSuccess(trade.tx.execer, trade.receipt.ty)"
       ></m-tx-item>
       <m-page-container