62 lines
1.4 KiB
Vue
62 lines
1.4 KiB
Vue
<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> |