<template>
  <div class="m-link px-4">
    <h4 class="m-title w-full text-20px text-title-color text-center pt-4 mt-4 mb-4">{{ $t('lang.LINK') }}</h4>
    <h6 class="text-sm text-text-color text-center mb-4">{{ $t('lang.platform') }}</h6>
    <ul class="m-links px-5 flex flex-wrap justify-around items-center">
      <li>
        <a href="http://www.hadax.com/" target="_blank">
          <img src="@/assets/images/mobile/hadax.png" alt="hadax">
        </a>
      </li>
      <li>
        <a href="https://www.hitbtc.com/" target="_blank">
          <img src="@/assets/images/mobile/hitbtc.png" alt="hitbtc">
        </a>
      </li>
      <li>
        <a href="http://www.hotbit.io/" target="_blank">
          <img src="@/assets/images/mobile/hb.png" alt="hotbit">
        </a>
      </li>
      <li>
        <a href="https://www.zhaobi.site/" target="_blank">
          <img src="@/assets/images/mobile/zb.png" alt="zhaobi">
        </a>
      </li>
    </ul>
    <h6 class="text-sm text-text-color text-center mt-4 mb-4">{{ $t('lang.partner') }}</h6>
    <ul class="m-links px-5 flex flex-wrap justify-around items-center">
      <!-- <li>
        <a href="https://guodunc.cn/TFP/mall/index.aspx" target="_blank">
          <img src="@/assets/images/mobile/gd.png" alt="guodun">
        </a>
      </li> -->
      <li>
        <a href="https://www.feixiaohao.com/" target="_blank">
          <img class="sm-img" src="@/assets/images/mobile/fxh.png" alt="feixiaohao">
        </a>
      </li>
      <li>
        <a href="https://bitgo.cc/" target="_blank">
          <img class="sm-img" src="@/assets/images/mobile/bitgo.png" alt="bitgo">
        </a>
      </li>
      <li>
        <a href="https://www.mytokencap.com/" target="_blank">
          <img class="sm-img" src="@/assets/images/mobile/mt.png" alt="mytoken">
        </a>
      </li>
    </ul>
  </div>
</template>

<style scoped>
  .m-links li a img {
    width: 120px;
  }
  .m-links li a img.sm-img {
    width: 80px;
  }
  .m-links li:nth-of-type(n-2) {
    margin-bottom: 20px;
  }
</style>