<template>
    <div class="ht-base-tabs-position-demo">
        <ht-base-tabs tab-position="top">
            <ht-base-tab-pane tab="标签一" key="name2">标签一的内容</ht-base-tab-pane>
            <ht-base-tab-pane tab="标签二" key="name1">标签二的内容</ht-base-tab-pane>
            <ht-base-tab-pane tab="标签三" key="name3">标签三的内容</ht-base-tab-pane>
        </ht-base-tabs>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseTabsPositionDemo',
        data() {
            return {
                tabPosition: 'top'
            }
        }
    }
</script>
<style lang="less">
    .ht-base-tabs-position-demo {
        .ant-tabs-nav .ant-tabs-tab {
            margin: 0 16px 0 0 !important;
            padding: 10px 16px !important;
            height: 40px;
            box-sizing: border-box;
        }

    }
</style>

