<template>
  <div>
    <van-sticky class="sticky">
      <div class="header">
        <div class="back">
          <backIcon/>
        </div>
        <!-- 取款 -->
        {{ $t('home.l14') }}
      </div>
    </van-sticky>
    <div class="body">
      <van-icon name="checked" />
      <div class="text">
        <!-- 提交成功 -->
        {{ $t('join.l55') }}
      </div>
      <div class="tip">
        <!-- 资金汇出后，大约需要1个工作日到达您的银行账户。 -->
        {{ $t('fund.l127') }}
      </div>
    </div>
    <div class="box">
      <div class="btn tbn" @click="$router.back()">
        <!-- 返回 -->
        {{ $t('common.l62') }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="less" scoped>
.sticky {
  background-color: var(--bg-);
  margin-bottom: 8px;
}
.header {
  position: relative;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 17px;
  font-size: 18px;
  font-weight: 600;
  background-color: var(--bg-);
  .back {
    position: absolute;
    left: 9px;
    top: 11px;
  }
}
.body {
  padding: 10vh 18px 9vh;
  text-align: center;
  .van-icon {
    font-size: 56px;
    color: var(--color-);
  }
  .text {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
  }
  .tip {
    margin-top: 12px;
  }
}
.box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 12px;
  .btn {
    line-height: 40px;
    border-radius: 20px;
    
    text-align: center;
    cursor: pointer;
    padding: 0 26px;
    font-size: 16px;
    font-weight: 500;
  }
  .tbn {
    background-color: var(--color-);
    color: #fff;
  }
  .bbn {
    background-color: #F4F8F9;
    color: var(--color-1-);
  }
}
</style>