<template>
  <div class="list">
    <div class="item flex" @click="selectItem(1)" :class="{'active': term == 1}">
      <div>
        <div>
          <!-- 当日有效 -->
          {{ $t('exchange.l48') }}
        </div>
      </div>
    </div>
    <div class="item flex" @click="selectItem(0)" :class="{'active': term == 0}">
      <div>
        <div>
          <!-- 撤单前有效 -->
          {{ $t('exchange.l49') }}
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['term'],
  data () {
    return {
      
    }
  },
  methods: {
    selectItem(type) {
      this.$emit('success', type)
    }
  }
}
</script>
<style lang="less" scoped>
.list {
  padding: 15px 18px 46px;
  .item {
    height: 54px;
    padding: 0 12px;
    border-radius: 6px;
    column-gap: 6px;
    font-size: 16px;
    color: var(--color-1-);
    &.active {
      background-color: #F2F3F5;
    }
  }
  .tip {
    font-size: 13px;
    color: #A4A4A4;
    margin-top: 6px;
  }
}
</style>