<template>
  <view class="bigBox">
    <u-tabs
      :list="list1"
      :scrollable="false"
      lineColor="#0050F6"
      lineWidth="32"
      lineHeight="2"
      :activeStyle="{
        fontSize: '24rpx',
        fontFamily: 'PingFangSC-Medium, PingFang SC',
        color: '#333333',
        fontWeight: '500',
        paddingBottom: '12rpx',
      }"
      :inactiveStyle="{
        fontSize: '24rpx',
        fontFamily: 'PingFangSC-Medium, PingFang SC',
        color: '#666666',
        fontWeight: '400',
        paddingBottom: '12rpx',
      }"
      itemStyle="height: 64rpx"
      @click="changeTab"
    ></u-tabs>
    <view>
      <swiper :current="current" class="swiper">
        <swiper-item>
          <view class="nouser">
            <Ticket />
          </view>
        </swiper-item>
        <swiper-item>2</swiper-item>
      </swiper>
    </view>
  </view>
</template>

<script>
import Ticket from '@/components/Ticket/index.vue'
export default {
  components: {Ticket},
  data() {
    return {
      list1: [
        {
          name: "HOOLOO卷",
        },
        {
          name: "已使用/已失效",
        },
      ],
      current: 0,
    };
  },
  methods: {
    changeTab(current) {
      this.current = current.index;
    },
  },
};
</script>

<style lang="scss" scoped>
.bigBox {
  .swiper {
    background: #F8F8F8;
    height: calc(100vh - 64rpx);
    .nouser{
      border: 1px solid red;
      height: 100%;
      padding: 32rpx;
      overflow-y: scroll;
    }
  }
}
</style>
