<template>
	<view class="pad-x180">
		<status-container :ifReturn="false" titlet="课程列表">
			<view slot="content" style="margin-top: -20rpx;">
				<swiper-tab id="tab" :list="dataList" v-model="current" @changeEv="clickTab" :itemColor="'#e42417'" :lineColor="'#e42417'"></swiper-tab>
			</view>
		</status-container>
		<!-- 底部tab -->
		<foot-tab current='0'></foot-tab>
	</view>
</template>

<script>
	// 底部组件
	import footTab from '@/components/foot-tabs/foot-tab.vue';
	import swiperTab from '@/components/swiper-tab/swiper-tab.vue';
	export default {
		components:{'foot-tab' :footTab,swiperTab},
		data() {
			return {
				current:0,
				dataList:[
					{title:'课堂讲解'},
					{title:'武德教育'},
					{title:'爱国主义教育'},
					{title:'示范动作讲解'},
				],
			}
		},
		onLoad() {
			
		},
		methods: {
			// tab点击事件
			clickTab(index){
				this.current = index;
			},
		}
	}
</script>

<style></style>
