<template>
    <app-view class="rules">
        <template #header>
            <app-navbar title="隐私政策" />
        </template>
        <Tabs>
            <Tab title="隐私政策">
                <component :is="asyncComponent" :url="getHtmlFileUrl('yszc.htm')" />
            </Tab>
            <Tab title="物流隐私条款">
                <component :is="asyncComponent" :url="getHtmlFileUrl('wlystk.htm')" />
            </Tab>
        </Tabs>
    </app-view>
</template>

<script lang="ts" setup>
import { defineAsyncComponent } from 'vue'
import { Tab, Tabs } from 'vant'
import { getHtmlFileUrl } from '@/filters'

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

<style lang="less">
@import './index.less';
</style>