自己封装的 tabs 原生标签页组件，不依赖任何UI框架 ，使用方便，

可以直接适用 任何 pc端或 移动端

使用方式：

1. 引入组件：

import xdTabs from ‘@/components/cs-tabs’

2.注册组件

components: { xdTabs }

3.使用组件

<cs-tabs :navList=“cardList” :tabIndex=“cardIndex” @tabClick=“cardClick” >

4.绑定参数

data(){
return{
tabList: [‘标签1’, ‘标签2’],
cardIndex: 0,
}
},
methods:{
cardClick: function(index){
this.cardIndex = index;
}
}

参数说明：

navList（标签列表数组）

tabIndex（当前选中的标签下标）

@tabClick (点击标签的回调事件)

运行截图：