<template>
    <app-view>
        <template #header>
            <app-navbar title="贸易融资" />
        </template>
        <Tabs>
            <Tab title="银行授信" />
            <Tab title="仓单质押" />
            <Tab title="联名互保" />
        </Tabs>
        <component :is="asyncComponent" url="./html/yhsxzc.htm" v-show="active === 0" />
        <component :is="asyncComponent" url="./html/cdzyzc.htm" v-show="active === 1" />
        <component :is="asyncComponent" url="./html/lmhbzc.htm" v-show="active === 2" />
    </app-view>
</template>

<script lang="ts" setup>
import { shallowRef, defineAsyncComponent } from 'vue'
import { Tab, Tabs } from 'vant'

const asyncComponent = defineAsyncComponent(() => import('@mobile/components/base/html-panel/index.vue'))
const active = shallowRef(0)
</script>