选项卡组件
## 选项卡
根据不同标签展示不同内容
参数说明：
1. ```tabTitleList``` 选项卡标签数组
2. ```@select="changeIndex"``` 点击选项卡得到选中标签的```index```
3. ```isFixed``` 控制是否悬浮，默认不悬浮
4. ```tabIndex``` 控制选中项
代码示例
````
<tl-card>
<tl-tab :tabIndex="tabIndex" :tabTitleList="['综合','热度','距离']" @select="changeIndex">
<view class="tab-item" v-for="(item,index) in 4" :key="index">
<image src="http://www.xm-qunar.cn/yunnanwu19/images/shu.jpg"></image>
<view class="right">
<view class="title-box">
<text class="title">玉龙雪山</text>
<text class="distance">距您240m</text>
</view>
<view class="sub-title">纳西人心中的神山，雪山气势磅礴，主峰扇子陡海拔5596米，常年在云雾缠绕之中...</view>
<view class="address">
<text class="cuIcon-locationfill"></text>
<text>云南省丽江市玉龙纳西族自治县白水河</text>
</view>
<text class="price"><text>￥</text>233起</text>
</view>
</view>
</tl-tab>
</tl-card>
````
````
methods:{
changeIndex(index){
//这里根据选项卡index，改变列表显示
this.tabIndex = index
}
}
````