Tab 标签页

选项卡组件,用于在不同的内容区域之间进行切换。

代码演示

基础用法

通过title设置选项卡标题名称。

<hd-tab :title="title"></hd-tab>
export default {
  data() {
    return {
      title: 'tab'
    }
  }
}

Props

NameDescriptionTypeRequiredDefault
title选项卡标题Stringfalse-
badgeProps徽标属性,参考hd-badge组件Objectfalse{"dot":false,"count":0,"maxCount":99,"alien":false,"bgColor":"linear-gradient(180deg, #FF7979 0%, #FC2C4A 100%)"}

Slots

NameDescriptionDefault Slot Content
default--