fix: 按照ui需求更改样式

src/assets/lang/en.ts

@@ -95,10 +95,10 @@ export const lang = {
   },
   trade: {
     title: "All Txns",
-    filterSucceedTx: "查看成功的交易",
-    filterFailedTx: "查看失败的交易",
-    filterSentTx: "查看发出的交易",
-    filterReceivedTx: "查看接收的交易",
+    filterSucceedTx: "seeSucceedTx",
+    filterFailedTx: "seeFailedTx",
+    filterSentTx: "seeSentTx",
+    filterReceivedTx: "seeReceivedTx",
     count: "Txns",
     totalTip: "All",
     tip: "show the last 100,000 entries",

src/components/mobile/m-chain-perf.vue

 <template>
-  <div class="c-perf">
-    <div
-      v-for="(item, i) in list"
-      :key="i"
-      class="h-1/4 pt-2.5"
-      style="margin-left: 10px;"
-    >
-      <div class="text-text-color text-xs" style="margin-bottom: 2px;">
-        {{ item.name }}
-      </div>
-      <div class="text-title-color text-sm font-bold">
-        {{ item.value }}
+  <div class="c-perf py-2">
+    <div class="h-full">
+      <div
+        v-for="(item, i) in list"
+        :key="i"
+        class="h-1/4 pt-2.5"
+        style="margin-left: 10px;"
+      >
+        <div class="text-text-color text-xs" style="margin-bottom: 2px;">
+          {{ item.name }}
+        </div>
+        <div class="text-title-color text-sm font-bold">
+          {{ item.value }}
+        </div>
       </div>
     </div>
   </div>
@@ -51,7 +53,7 @@ export default Vue.extend({
 </script>
 <style lang="scss" scoped>
 .c-perf {
-  height: 225px;
+  height: 240px;
   background: #ffffff;
   box-shadow: 0px 1px 8px 0px rgba(31, 52, 112, 0.06);
   border-radius: 2px;

src/components/mobile/m-chain-price.vue

 <template>
-  <div class="c-chain-price">
+  <div class="c-chain-price flex flex-col">
     <div
-      class="top"
+      class="top w-full"
       :style="{
         backgroundImage: `url(${bg})`,
       }"
@@ -22,12 +22,14 @@
         {{ $t('lang.price._24hourVolatility') }}
       </div>
     </div>
-    <div class="bottom text-center">
-      <div class="text-text-color text-xs" style="margin-top: 6px;">
-        {{ $t('lang.price.marketValueInDollars') }}
-      </div>
-      <div class="text-footer-color font-bold">
-        {{ marketValue | filterNum}}
+    <div class="bottom text-center flex items-center w-full justify-center flex-grow">
+      <div>
+        <div class="text-text-color text-xs">
+          {{ $t('lang.price.marketValueInDollars') }}
+        </div>
+        <div class="text-footer-color font-bold">
+          {{ marketValue | filterNum }}
+        </div>
       </div>
     </div>
   </div>
@@ -53,7 +55,7 @@ export default Vue.extend({
 <style lang="scss" scoped>
 .c-chain-price {
   width: 175px;
-  height: 225px;
+  height: 240px;
   background: #ffffff;
   box-shadow: 0px 1px 8px 0px rgba(31, 52, 112, 0.06);
   border-radius: 2px;

src/components/pc/BlockChainBrowser/LatestBlock/index.vue

@@ -11,7 +11,11 @@
         >
           <div class="flex-grow overflow-hidden overflow-ellipsis">
             {{ (item && item.txs && item.txs.length) || '' }}
-            {{ $t('lang.transaction') }}
+            {{
+              item && item.txs && item.txs.length === 1
+                ? $t('lang.block.txCount_single')
+                : $t('lang.block.txCount')
+            }}
           </div>
         </div>
         <div class="w-full ml-5">
@@ -48,7 +52,7 @@
                   },
                 }"
               >
-                <span class=" text-footer-color">
+                <span class="text-footer-color">
                   {{ item.minerHash | filterHash(9) }}
                 </span>
               </router-link>