<script setup>
import MineTab from './mine/index.vue'
import OrderTab from './order/index.vue'

const currTab = ref(0)
const tabChange = (value) => {
  currTab.value = value
}

const options = ref({})
onLoad(async (e) => {
  options.value = e
})
</script>

<template>
  <view class="expert-index">
    <OrderTab v-show="currTab === 0" :options="options" />
    <MineTab v-show="currTab === 1" :options="options" />

    <up-tabbar :value="currTab" @change="tabChange">
      <up-tabbar-item text="订单" icon="file-text-fill" />
      <up-tabbar-item text="我的" icon="account-fill" />
    </up-tabbar>
  </view>
</template>

<style>
.expert-index .u-tabbar .u-icon .u-icon__icon {
  font-size: 54rpx !important;
}
</style>
