<template>
  <BasePage>
    <div class="certificate">
      <van-tabs v-model:active="active" background="#fff" color="#ea3e23" line-height="1.07vw" line-width="5.33vw"
        title-active-color="#ea3e23">
        <van-tab title="全部"></van-tab>
        <van-tab title="待核销"></van-tab>
        <van-tab title="已核销"></van-tab>
      </van-tabs>

      <div class="list">
        <div class="item">
          <img src="/img/certificate.png" alt="">
          <div class="info">
            <div>
              <b>礼品券</b>
              <p>券码：123456789</p>
            </div>
            <button>
              去核销
            </button>
          </div>
        </div>

        <div class="item">
          <img src="/img/certificate.png" alt="">
          <div class="info">
            <div>
              <b>礼品券</b>
              <p>券码：123456789</p>
            </div>
            <button v-if="check">
              去核销
            </button>
            <img v-else src="/img/check.png" alt="">
          </div>
        </div>
      </div>

    </div>
  </BasePage>
</template>
<script>
export default {
  mounted() {
    this.init()
  },
  data() {
    return {
      active: 0,
      check: false,
    }
  },
  methods: {
    init() {
      this.$get('/v1/client/DUserlipinquansClient').then(res => {
        this.data = res;
      })
    }
  }
}
</script>