<template>
    <div class="ht-base-card-pagetitle-demo">
        <ht-base-card dis-hover tabs>
            <p slot="title">卡片标题</p>
            <a href="#" slot="extra">
                更多
            </a>
            <ht-base-tabs active-key="name1"  :animated="false">
                <ht-base-tab-pane tab="标签一" key="name1">标签一的内容</ht-base-tab-pane>
                <ht-base-tab-pane tab="标签二" key="name2">标签二的内容</ht-base-tab-pane>
                <ht-base-tab-pane tab="标签三" key="name3">标签三的内容</ht-base-tab-pane>
            </ht-base-tabs>
        </ht-base-card>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseCardPagetitleDemo',
  }
</script>
<style>
    .ht-base-card-pagetitle-demo p{
        margin-bottom: 0;
    }
</style>

