更新记录

1.0.0（2022-03-18） 下载此版本

第一次发布，请各路大神指教

平台兼容性

uni-app

其他

tab切页简单样式

代码块： tab-box

用于展示tab个性切页 。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

基本用法

在 template 中使用组件

<template>
    <view class="content">
        <tab-box :tab_list="tab_list" :current_tab="current" @onTabClick="on_tab_click"></tab-box>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                tab_list: [
                    '全部订单',
                    '待审核'
                ],
                current: 0
            }
        },
        onLoad() {

        },
        methods: {
            on_tab_click: function(id) {
                this.current = id;
            },
        }
    }
</script>

tab-box Props