<script lang='ts' setup>
import Deposit from "./components/deposit.vue";
import Withdraw from "./components/withdraw.vue";

const activeTab = ref("deposit");
</script>

<template>
  <ion-page>
    <ion-header class="ion-no-border">
      <ion-toolbar class="ion-toolbar">
        <ui-back-button slot="start" text="" />
        <ion-title>账单</ion-title>
      </ion-toolbar>
      <ion-toolbar class="ion-toolbar">
        <ui-tabs v-model="activeTab" size="small" class="px-2">
          <ui-tab-pane name="deposit" title="充值记录" />
          <ui-tab-pane name="withdraw" title="提现记录" />
        </ui-tabs>
      </ion-toolbar>
    </ion-header>
    <ion-content :fullscreen="true" class="ion-padding-horizontal">
      <Deposit v-if="activeTab === 'deposit'" />
      <Withdraw v-else />
    </ion-content>
  </ion-page>
</template>

<style lang='css' scoped></style>
