wx_mini_app/components/historyCoupon/historyCoupon.vue

<template>
<view>
    <u-subsection :list="list" mode="subsection" :current="current" @change="sectionChange"></u-subsection>
    <u-empty mode="coupon" text="还没有券哦">
    </u-empty>
</view>
</template>

<script>
export default {
    data() {
        return {
            list: ['已使用', '已过期'],
            current: 0,
        }
    },
    methods: {
        sectionChange(e) {
            this.current = e
        }
    }
}
</script>

<style>

</style>