<template>
  <div class="com">
    <div class="title">
      <!-- 确认跟单信息 -->
      {{ $t('follow.l81') }}
    </div>
    <div class="col flex">
      <div class="lab">
        <!-- 每单跟单比例 -->
        {{ $t('follow.l82') }}
      </div>
      <div class="val">
        {{ $bigDecimal.multiply(ratio, 100)}}%
      </div>
    </div>
    <div class="col flex">
      <div class="lab">
        <!-- 保证金比例 -->
        {{ $t('account.l84') }}
      </div>
      <div class="val">
        <!-- 跟随交易专家 -->
        {{ $t('follow.l155') }}
      </div>
    </div>
    <div class="col flex">
      <div class="lab">
        <!-- 杠杆倍数 -->
        {{ $t('product.l71') }}
      </div>
      <div class="val">
        <!-- 跟随交易专家 -->
        {{ $t('follow.l155') }}
      </div>
    </div>
    <div class="col flex">
      <div class="lab">
        <!-- 止盈 -->
        {{ $t('exchange.l5') }}
      </div>
      <div class="val">
        {{ tp }}%
      </div>
    </div>
    <div class="col flex">
      <div class="lab">
        <!-- 止损 -->
        {{ $t('exchange.l4') }}
      </div>
      <div class="val">
        {{ sl }}%
      </div>
    </div>
    <div class="btn" @click="submit">
      <!-- 确认 -->
      {{ $t('common.l3') }}
    </div>
  </div>
</template>
<script>
export default {
  props: ['tp', 'sl', 'ratio'],
  data () {
    return {
      
    }
  },
  methods: {
    submit() {
      this.$emit('submit')
    },
  }
}
</script>
<style lang="less" scoped>
.com {
  padding: 20px 16px 16px;
}
.title {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 7px;
}
.col {
  justify-content: space-between;
  padding-top: 20px;
  .lab {
    color: #B6B6B6;
  }
}
.btn {
  background-color: #000;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin-top: 30px;
}
</style>