Tab 选项卡

Props

tab

参数	说明	类型	默认值
line-width	可选，边框大小	Number	3
active-color	可选，高亮文字的颜色和线条颜色	String	#04be02
default-color	可选，默认文字的颜色	String	#666
animate	可选，是否使用动画	Boolean	true

tab-item

参数	说明	类型	默认值
selected	是否高亮	Boolean	false

Demo

``` vux height=50 components=Tab,TabItem

已发货未发货全部订单

export default { data () { return { demo1: '未发货' } } } ``` ### 更简洁的粟子 ``` vux height=50 components=Tab,TabItem<> export default { data () { return { demo2: '美食', list2: ['精选', '美食', '电影', '酒店', '外卖'] } } }

### 禁用滑动动画

``` vux height=50 components=Tab,TabItem
<template>
<tab :line-width="1" :animate="false">
  <tab-item :selected="demo2 === item" v-for="item in list2" @click="demo2 = item"><<item>></tab-item>
</tab>
</template>

<script>
export default {
  data () {
    return {
      demo2: '美食',
      list2: ['精选', '美食', '电影', '酒店', '外卖']
    }
  }
}
</script>