# Tabs 选项卡1.0.8

# 基本使用

<template>
	<view>
		<unify-tabs @selected="selected" :unify-data="['电视剧', '电影', '古装剧']" :current="current"></unify-tabs>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current:0
			};
		},
		methods:{
			//切换选项卡
			selected(e){
				this.current = e;
			}
		}
	}
</script>

<style lang="scss">

</style>

# Attributes

参数 说明 类型 可选值 默认值
unify-data 数据,数据格式:['电视剧', '电影', '古装剧'] Array - -
text-size 字号 Number/String - 30
current 当前活动tab的下标 String/Number - 0
height height(rpx) Number, String - 88
bar-height 底栏高度 Number, String - 6
bar-bg 底栏背景颜色(class) String - bg-theme(主题色)

# Event

事件名 说明 回调参数
@selected 选中选项卡事件 当前选中下标