<template>
  <div>
    <div class="top">
      <div class="img-box flex">
        <img class="logo" src="/img/icon/logo.png" alt="极度证券">
        <div class="right flex">
          <img class="img" @click="$router.push('/download')" src="/img/promote/apple.png" alt="极度证券">
          <img class="img" @click="$router.push('/download')" src="/img/promote/google.png" alt="极度证券">
        </div>
      </div>
      <div class="link-box">官方网站：<a class="link" :href="webUrl">{{ webUrl }}</a></div>
      <van-row gutter="10">
        <van-col span="12" v-if="false">
          <div class="label">联系电话</div>
          <div v-if="appParams.telUS">{{ appParams.telUS }}(美国)</div>
          <div v-if="appParams.telUK">{{ appParams.telUK }}(英国)</div>
        </van-col>
        <van-col span="12">
          <div class="label">邮箱</div>
          <div v-if="appParams.supportEmail">{{ appParams.supportEmail }}(客服)</div>
          <div v-if="appParams.fundEmail">{{ appParams.fundEmail }}(出入金)</div>
          <div v-if="appParams.ibEmail">{{ appParams.ibEmail }}(代理合作)</div>
        </van-col>
      </van-row>
    </div>
    <div class="bottom">
      <div class="text">合规声明: 这个网站由 JDTrader Services LLC 运营，注册地址位于Sterling Boulder Apartments 2985 E Aurora Ave Boulder CO 80303 US,政府注册编号为：20238142237。</div>
      <div class="text">限制区域: 极度证券品牌不向美国、加拿大、海地、伊朗、苏里南、朝鲜民主主义人民共和国、波多黎各、巴西、塞浦路斯占领地区、叙利亚、朝鲜和古巴的居民提供服务。</div>
      <div class="text">风险声明: 融资融券等金融衍生品属于复杂交易产品，由于杠杆作用，存在高风险导致损失资金的可能性。绝大多数零售投资者在进行衍生品交易时会亏损。重要的是仔细考虑自己是否了解金融衍生品交易的运作方式，并且能够承担高风险导致资金损失的可能性。在开始投资之前，请务必仔细阅读和理解我们的风险免责声明。</div>
      <div class="text">风险提醒: 金融衍生品产品存在市场风险，杠杆商品可能不适合所有客户。 请详细阅读我们的风险声明。</div>
    </div>
  </div>
</template>
<script>
export default {
  computed: {
    webUrl() {
      if (window.location.hostname == 'localhost') {
        return `https://jdnx.com`
      }
      var hostname = ''
      if (window.location.hostname.indexOf('m.') !== -1) {
        hostname = window.location.hostname.replace('m.', 'www.')
      } else {
        hostname = 'www.' + window.location.hostname
      }
      return `${window.location.protocol}//${hostname}`
    },
  },
}
</script>
<style lang="less" scoped>
.top {
  padding: 26px 17px 17px;
  box-shadow: 0px -1px 0px 0px rgba(232,232,232,0.5);
  .van-col {
    font-size: 12px;
    line-height: 18px;
  }
  .label {
    color: #858585;
  }
}
.img-box {
  justify-content: space-between;
  margin-bottom: 16px;
  .logo {
    height: 23px;
  }
  .img {
    height: 27px;
    &+.img {
      margin-left: 6px;
    }
  }
}
.link-box {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 13px;
  .link {
    color: #000;
  }
}
.bottom {
  padding: 19px 17px;
  background-color: #F9FBFD;
  color: #AFAFAF;
  line-height: 14px;
  font-size: 11px;
  .text + .text {
    margin-top: 19px;
  }
}
</style>