<template>
  <div class="list">
    <div class="li" v-for="item in list" :key="item.uid">
      <div class="top">
        <div class="name">{{ item.im_name }}</div>
        <div class="time" v-if="item.insert_datetime">{{ item.insert_datetime }}</div>
      </div>
      <div class="bottom">
        <div class="flex">
          <div>
            <!-- 存款 -->
            {{ $t('home.l13') }} ≥ 100USD </div>
            <!-- 是   否-->
          <div>{{item.info.into >= 100 ? $t('common.l54') : $t('common.l55')}}</div>
        </div>
        <div class="flex">
          <div>
            <!-- 交易 ≥ 50000USD或者25手  -->
            {{ $t('tab.tab3') }} ≥ {{ $t('share.l62') }}
          </div>
            <!-- 是   否-->
          <div>{{(item.info.trade >= 1000 || item.info.trade_cfd >= 25) ? $t('common.l54') : $t('common.l55')}}</div>
        </div>
      </div>
    </div>
    <NoData v-if="list.length == 0" :title="$t('common.l45')" pTop="20px"/>
  </div>
</template>
<script>
export default {
  props: ['list']
}
</script>
<style lang="less" scoped>
.list {
  padding: 0 20px;
}
.li {
  padding-top: 19px;
  padding-bottom: 20px;
  &+.li {
    border-top: 1px solid #F6F6F6;
  }
  .top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .time {
    font-size: 12px;
    line-height: 16px;
    color: #A3A3A3;
  }
  .bottom {
    margin-top: 8px;
    font-size: 14px;
    color: #888888;
    line-height: 16px;
    .flex {
      justify-content: space-between;
    }
  }
}
.no-data {
  padding-bottom: 13px;
}
</style>