Tabs（选项卡）
选项卡用来显示多页内容
支持顶部和底部两种位置，并且支持滑动切换
引入
import {Tabs, Tab} from 'sinoiov-ui'
Vue.component(Tabs)
Vue.component(Tab)
代码示例
默认Tabs
默认显示在底部，背景色为白色，激活的tab为蓝色
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件
顶部Tabs
position属性用来确定选项卡tab的位置，有top和bottom两种取值，默认为bottom
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件
可滑动的且含有条纹的Tabs
添加slidable属性或者向属性传入true，即可添加滑动功能，添加stripe属性或者向属性传入true，添加条纹
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件
设置tab link 的背景色和激活的tab文字颜色
bg-color属性设置背景色，color属性设置文字颜色，两者取值均和Button组件的color属性取值相同，也可参见color组件设置相应的值。当然，你也可以传入颜色的单词或者rgb来精确满足你的色彩要求。
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件
添加图标
Tabs组件含有icon-position属性，作用为设置icon的位置，其有top,right,bottom,left四种取值，默认为top。Tab组件含有icon属性，通过该属性可以为Tab指定con
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件
button样式的tab link
tab link默认为文字或者图标或者文字图标样式。可以设置type属性等于button，将其变为button风格的样式
属性
属性
属性
卡槽
卡槽
卡槽
卡槽
事件
事件
事件