u-tabs使用（uView）

<!--
 * @Description: 事件上报详情 页面
 * @Author: mhf
 * @Date: 2023-04-11 16:08:22
-->
<template>
    <view class="" style="height: 1000px;">
        <u-sticky bgColor="#fff" :enable="enable">
            <u-tabs :list="tabsList"
                    :current="tabsCurrent"
                    :is-scroll="false"
                    @click="tabsClick"
                    @change="tabsChange"></u-tabs>
        </u-sticky>

        <view v-if="tabsCurrent === 0">
            基础信息
        </view>

        <view v-if="tabsCurrent === 1">
            灾毁统计
        </view>

    </view>
</template>

<script>

    export default {
        name: "eventReportNewDetail",
        components: {},
        props: {},
        // dicts: ['direct_event_audit_status', 'direct_event_line_type', 'direct_event_info_sources', 'direct_event_info_direction'],
        data() {
            return {
                id: '',
                form: {}, // 表单数据
                enable: true, // 吸顶监听
                tabsList: [
                    {
                        name: '基础信息',
                        disabled: false
                    },
                    {
                        name: '灾毁统计',
                        disabled: false
                    }
                ], // tabs列表
                tabsCurrent: 0, // 展示 tabs哪一项的
            };
        },
        methods: {
            /**
            * @Event 方法
            * @description: u-tabs 菜单点击
            * */
            tabsClick(item) {
                console.log('item', item);
            },

            /**
            * @Event 方法
            * @description: u-tabs 菜单change
            * */
            tabsChange(index) {
                this.tabsCurrent = index;
            }

        },
        onLoad(option) {
            
        },
        onShow() {
            
        },
        created() {
        },
        mounted() {
        },
    };
</script>

<style lang="scss" scoped>
</style>