<!-- 购买套餐 -->
<template>
  <v-card class="card-box pa-3" style="min-width: 1100px;">
    <v-tabs v-model="tab" align-tabs="center" color="rgb(195 15 15)">
      <v-tab :value="0" class="font-weight-bold font-size-18">套餐购买</v-tab>
      <v-tab :value="1" class="font-weight-bold font-size-18">充值</v-tab>
    </v-tabs>
    <Package v-if="tab === 0"></Package>
    <PointsAndBalance v-else></PointsAndBalance>
  </v-card>
</template>

<script setup>
defineOptions({name: 'enterprise-memberCenter-myAccount'})
import { ref } from 'vue'
import Package from './components/package.vue'
import PointsAndBalance from './components/pointsAndBalance.vue'

const tab = ref(0)
</script>

<style lang="scss" scoped>
:deep(.v-slide-group__content) {
  background: linear-gradient(45deg, #ff8a04, transparent);
}
</style>