<template>
    <div class="ht-base-tabs-noborder2-demo">
        <ht-base-tabs type="card" bordered="style2" v-model="active">
            <ht-base-tab-pane tab="标签一" key="1">
                <p>标签一的内容</p>
            </ht-base-tab-pane>
            <ht-base-tab-pane tab="标签二" key="2">
                <p>标签二的内容</p>
            </ht-base-tab-pane>
            <ht-base-tab-pane tab="标签三" key="3">
                <p>标签三的内容</p>
            </ht-base-tab-pane>
        </ht-base-tabs>
    </div>
</template>
<script>
    export default {
        name: 'HtBaseTabsNoborder2Demo',
        data () {
            return {
                active: '1'
            }
        },
        methods: {
            callback (key) {
                console.log(key)
            },
        },
    }
</script>
<style>
    .ht-base-tabs-noborder2-demo{
        background: #f5f5f5;
        overflow: hidden;
        padding: 20px 20px 15px;
    }
</style>
