diff --git a/src/assets/market/cec.png b/src/assets/market/cec.png
new file mode 100644
index 0000000..dd8db40
Binary files /dev/null and b/src/assets/market/cec.png differ
diff --git a/src/assets/market/ceg.png b/src/assets/market/ceg.png
new file mode 100755
index 0000000..b810afd
Binary files /dev/null and b/src/assets/market/ceg.png differ
diff --git a/src/components/market/wallet/CoinCard.vue b/src/components/market/wallet/CoinCard.vue
index 8fc7927..9d87fec 100644
--- a/src/components/market/wallet/CoinCard.vue
+++ b/src/components/market/wallet/CoinCard.vue
@@ -3,29 +3,40 @@
     <div class="content">
       <div class="top">
         <div class="topLeft">
-          <div class="name"><span>Thetan Coin (THC)</span></div>
-          <div class="coin">-- THC</div>
-          <div class="subCoin">-- USD</div>
+          <div class="name"><span>{{coinData.name}}({{coinData.symbol}})</span></div>
+          <div class="coin">{{coinData.amount}} {{coinData.symbol}}</div>
+          <div class="subCoin">{{coinData.price}} USD</div>
         </div>
         <img draggable="false"
-             src="data:image/png;base64,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"
+             :src="coinData.icon"
+             alt="coin"
              class="topRight"></div>
-      <div class="wrongNetwork"><span>Wrong network</span></div>
+      <div class="wrongNetwork hide"><span>Wrong network</span></div>
       <button disabled="" class="general-btn btn"><span class="title">Deposit</span>
       </button>
     </div>
   </div>
 </template>
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Prop, Vue } from 'vue-property-decorator'
 import { AppModule, DeviceType } from '@/store/modules/app'
 
+export interface ICoinData{
+  name: string
+  symbol: string
+  amount: number
+  icon: any
+  price: number
+}
+
 @Component({
   name: 'CoinCard',
   components: {
   }
 })
 export default class CoinCard extends Vue {
+  @Prop() private coinData: ICoinData
+
   get mobile() {
     return AppModule.device === DeviceType.Mobile
   }
@@ -46,6 +57,9 @@ export default class CoinCard extends Vue {
     .wrongNetwork {
       margin-bottom: 0.8125em;
       justify-self: flex-end;
+      &.hide{
+        display: none;
+      }
       span {
         font-weight: bold;
         font-size: 0.8125em;
diff --git a/src/components/market/wallet/GameCoinCard.vue b/src/components/market/wallet/GameCoinCard.vue
index 1ac0098..93bb45d 100644
--- a/src/components/market/wallet/GameCoinCard.vue
+++ b/src/components/market/wallet/GameCoinCard.vue
@@ -3,12 +3,13 @@
     <div class="content">
       <div class="top">
         <div class="topLeft">
-          <div class="name"><span>Thetan Coin (gTHC)</span></div>
-          <div class="coin">0</div>
-          <div class="subCoin">0 USD</div>
+          <div class="name"><span>{{coinData.name}}({{coinData.symbol}})</span></div>
+          <div class="coin">{{coinData.amount}}</div>
+          <div class="subCoin">{{coinData.price}} USD</div>
         </div>
         <img draggable="false"
-             src="data:image/png;base64,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"
+             alt="coin"
+             :src="coinData.icon"
              class="topRight"></div>
       <div class="message notAllow"><span class="spanMessage"></span></div>
       <button disabled="" class="general-btn btn"><span class="title">Claim</span>
@@ -17,8 +18,9 @@
   </div>
 </template>
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Prop, Vue } from 'vue-property-decorator'
 import { AppModule, DeviceType } from '@/store/modules/app'
+import { ICoinData } from '@/components/market/wallet/CoinCard.vue'
 
 @Component({
   name: 'GameCoinCard',
@@ -26,6 +28,7 @@ import { AppModule, DeviceType } from '@/store/modules/app'
   }
 })
 export default class GameCoinCard extends Vue {
+  @Prop() private coinData: ICoinData
   get mobile() {
     return AppModule.device === DeviceType.Mobile
   }
diff --git a/src/components/market/wallet/TotalBalance.vue b/src/components/market/wallet/TotalBalance.vue
index c61b8d5..6b58a36 100644
--- a/src/components/market/wallet/TotalBalance.vue
+++ b/src/components/market/wallet/TotalBalance.vue
@@ -2,11 +2,11 @@
   <div class="total-balance" :class="{'mobile': mobile}">
     <div class="content">
       <div class="name"><span>Other Currencies</span></div>
-      <div class="coin">-- WBNB</div>
-      <div class="subCoin space">-- USD</div>
-      <div class="coin">-- BUSD</div>
-      <div class="subCoin">-- USD</div>
-      <div class="wrongNetwork"><span>Wrong network</span></div>
+      <template v-for="d in currencies">
+        <div class="coin" :key="d.name+'1'">{{d.amount}} {{d.name}}</div>
+        <div class="subCoin space" :key="d.name+'2'">{{d.price}} USD</div>
+      </template>
+      <div class="wrongNetwork hide"><span>Wrong network</span></div>
     </div>
   </div>
 </template>
@@ -14,12 +14,31 @@
 import { Component, Vue } from 'vue-property-decorator'
 import { AppModule, DeviceType } from '@/store/modules/app'
 
+export interface ICurrentData{
+  name: string
+  amount: number
+  price: number
+}
+
 @Component({
   name: 'TotalBalance',
   components: {
   }
 })
 export default class TotalBalance extends Vue {
+  private currencies: ICurrentData[] = [
+    {
+      name: 'WBNB',
+      amount: 1000,
+      price: 10000
+    },
+    {
+      name: 'WKCS',
+      amount: 1000,
+      price: 10000
+    }
+  ]
+
   get mobile() {
     return AppModule.device === DeviceType.Mobile
   }
@@ -39,6 +58,9 @@ export default class TotalBalance extends Vue {
     flex: 1;
     .wrongNetwork {
       margin-top: 0.5em;
+      &.hide{
+        display: none;
+      }
       span {
         font-weight: bold;
         font-size: 0.8125em;
diff --git a/src/components/market/wallet/WalletPanel.vue b/src/components/market/wallet/WalletPanel.vue
index da448e2..6b1096d 100644
--- a/src/components/market/wallet/WalletPanel.vue
+++ b/src/components/market/wallet/WalletPanel.vue
@@ -11,22 +11,20 @@
     </div>
     <div class="wallet">
       <total-balance></total-balance>
-      <coin-card></coin-card>
-      <coin-card></coin-card>
+      <coin-card v-for="d in coinList" :coin-data="d" :key="d.symbol"></coin-card>
     </div>
     <div class="header ingame"><span class="label">Ingame Currency</span>
     </div>
     <div class="horizonalBar"></div>
     <div class="wallet">
-      <game-coin-card></game-coin-card>
-      <game-coin-card></game-coin-card>
+      <game-coin-card v-for="d in gameCoinList" :coin-data="d" :key="d.symbol"></game-coin-card>
     </div>
   </div>
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
 import TotalBalance from '@/components/market/wallet/TotalBalance.vue'
-import CoinCard from '@/components/market/wallet/CoinCard.vue'
+import CoinCard, { ICoinData } from '@/components/market/wallet/CoinCard.vue'
 import GameCoinCard from '@/components/market/wallet/GameCoinCard.vue'
 
 @Component({
@@ -37,7 +35,41 @@ import GameCoinCard from '@/components/market/wallet/GameCoinCard.vue'
     TotalBalance
   }
 })
-export default class WalletPanel extends Vue {}
+export default class WalletPanel extends Vue {
+  private coinList: ICoinData[] = [
+    {
+      name: 'CEBG Coin',
+      symbol: 'CEC',
+      amount: 100,
+      icon: require('@/assets/market/cec.png'),
+      price: 100
+    },
+    {
+      name: 'CEBG Gem',
+      symbol: 'CEG',
+      amount: 100,
+      icon: require('@/assets/market/ceg.png'),
+      price: 100
+    }
+  ]
+
+  private gameCoinList: ICoinData[] = [
+    {
+      name: 'CEBG Coin',
+      symbol: 'gCEC',
+      amount: 100,
+      icon: require('@/assets/market/cec.png'),
+      price: 100
+    },
+    {
+      name: 'CEBG Gem',
+      symbol: 'gCEG',
+      amount: 100,
+      icon: require('@/assets/market/ceg.png'),
+      price: 100
+    }
+  ]
+}
 </script>
 <style lang="scss" scoped>
 @import '../../../scss/breakpoints.scss';