<template>
	<view class="pageBgImg">
		<topNavbar title="学员详情"></topNavbar>
		<view class="pad">
			<cardNav :navData="navData" :currentNav="currentNav" @changeNav="changeNav"></cardNav>
		</view>
		
		<scrollNav @changeTab="changeTab" :currentTab="currentTab" :tabData="tabData" />
		
		<view class="pad">
			<view class="con" v-if="currentNav==1">
				<list></list>
			</view>
			<view class="con" v-else>
				<info/>
			</view>
		</view>
	</view>
</template>

<script>
	import list from './comp/list'
	import info from './comp/info'
	export default {
		components: {
			list,
			info
		},
		data() {
			return {
				currentTab: 1,
				currentNav: 1,
				tabData: [{
						text: '全部',
						id: 10
					},
					{
						text: '阶段一',
						id: 0
					},
					{
						text: '阶段二',
						id: 1
					},
					{
						text: '阶段三',
						id: 2
					},
					{
						text: '阶段四',
						id: 3
					},
					{
						text: '阶段五',
						id: 4
					},
					{
						text: '阶段六',
						id: 5
					},
				],
				navData: [{
						text: '学车进展',
						id: 1
					},
					{
						text: '个人及报名信息',
						id: 2
					},
				]
			}
		},
		methods: {
			changeTab(id) {
				this.currentTab = id
			},
			changeNav(id) {
				this.currentNav = id
			}
		}
	}
</script>

<style lang="scss" scoped>



</style>