<template>
  <div class="body d-page" style="background-color: #d6d8d9">
    <div class="rarle">
      <tatle-bar :tatle="tatleName"></tatle-bar>
    </div>
    <div style="text-align: center">
      <img :src="require('@/assets/images/daijinquan.png')" style="width: 200px;height: 200px;" />
    </div>
    <div style="border-radius: 10px;background-color: #ffffff;height: calc(100vh)">
      <div style="font-size: 14px;font-weight: bolder;color: black;margin-left: 20px;padding-top: 20px">200元利息代金券</div>
      <div style="margin-left: 20px;margin-top: 16px;color: #9e9e9e">说明</div>
      <div style="margin-left: 20px;margin-top: 16px;font-size: smaller">利息减200元代金券，可用各项贷款的利息减免。</div>
      <div style="margin-left: 20px;margin-top: 14px;font-size: smaller">在该页面兑换成功后，可在贷款页面直接使用，直接减免相应贷款的利息。</div>
      <van-button color="#007bff" style="width: 94%;margin-left: 3%;margin-top: 190px;border-radius: 10px;height: 30px">去使用</van-button>
    </div>
  </div>
</template>

<script lang="ts">
import {Component, Vue} from "vue-property-decorator";
@Component({
  name: "ExchangeDetail",
})
export default class ExchangeDetail extends Vue{
  tatleName="兑换详情";
}
</script>

<style scoped lang="scss">

</style>
