# tabheader

**Repository Path**: wangpeng126_2009/tabheader

## Basic Information

- **Project Name**: tabheader
- **Description**: 实现一个只有tab的head的组件，并且下面的选中条有滑动效果。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-24
- **Last Updated**: 2021-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### TabHeader

实现一个只有 tab 的 head 的组件，并且下面的选中条有滑动效果。

### 属性讲解

defaultHead 默认选择的 tab
heardList tab 头数组

```
[
    {
        code:'',//唯一编码
        text:'',//显示文本
        num:'',//内容的个数
    }
]
```

source 下面的列表

```
[
    {
        id: "12121",
        name: "刘医生",
        phone: "16807656551",
        doing: "10",
        error: "212",
        all: "32"
    },
]
```

里面的参数和显示效果可以根据自己的需要进行调整。


### 升级
原来组件的宽度是根据标签头的内容来决定总宽段，但有时放到一个父容器里面，不能完全填充父容器的宽度。这次升级是除了考虑内容宽度，如果父容器的宽度有冗余，则让内容完全填充父容器。