随机颜色

src/components/history/TradeInfo.vue

@@ -7,14 +7,17 @@
           <v-chip label
                   class="ma-2 tradeLabel"
                   @click="httpKit.jumpToEthw(trade.token, 'token')"
-                  v-if="!trade.tokenSymbol && trade.token !== '0xeth'">
+                  v-if="!trade.tokenSymbol">
+            <!-- 没有名字的 -->
             <div class="tokenName">{{ hashKit.headAndEnd2(trade.token) }}</div>
             <div class="tokenAmount">{{ numKit._N(trade.amount, 4) }} </div>
           </v-chip>
           <v-chip label
-                  color="blue lighten-4" class="ma-2 tradeLabel"
+                  :color="hashKit.generateColorByHash(trade.token)"
+                  class="ma-2 tradeLabel"
                   @click="httpKit.jumpToEthw(trade.token, 'token')"
                   v-else>
+            <!-- 有名字的和Ethereum/EthereumPow -->
             <div class="tokenName">{{ trade.tokenSymbol }}</div>
             <div class="tokenAmount">{{ numKit._N(trade.amount, 4) }}</div>
           </v-chip>

src/plugins/kit/HashKit.js

@@ -17,4 +17,19 @@ export default class HashKit {
       return str
     }
   }
+
+  static generateColorByHash(hash) {
+    const hashSub = hash.substring(2, 5)
+    let color = '#cbd'
+
+    if (hashSub !== 'eth') {
+      let bit1 = Math.max(parseInt(hashSub[0], 16), 9)
+      let bit2 = Math.max(parseInt(hashSub[1], 16), 9)
+      let bit3 = Math.max(parseInt(hashSub[2], 16), 9)
+
+      color = '#' + bit1.toString(16) + bit2.toString(16) + bit3.toString(16)
+    }
+
+    return color
+  }
 }

src/plugins/model/EthMev.js

@@ -1,7 +1,7 @@
 import http from "axios";
 
 export default class EthMev {
-  static async getEthMevData(block, hash, dataVague, page=1, size=200) {
+  static async getEthMevData(block, hash, dataVague, page=1, size=20) {
     let url = '/ethmev/findByHashOrBlockOrDataVague'
 
     return http.post(url, {