<template>
	<div class="donation">
		<left-nav :navList="navList" :rightTitle="rightTitle" :currentIndex="currentIndex">
			<router-view></router-view>
		</left-nav>
	</div>
</template>

<script>
	import LeftNav from '../components/leftNav/LeftNav.vue'
	import PageTitle from '../components/pageTitle/PageTitle.vue'
	export default {
		components: {
			LeftNav,
			PageTitle
		},
		data() {
			return {
				navList: [
					{ index: 0, name: '爱心捐赠', path: '/donation/contribution' },
					{ index: 1, name: '遗体及器官捐献', path: '/donation/organDonation' },
					{ index: 2, name: '造血干细胞捐献', path: '/donation/Hpc' },
					// { index: 3, name: '加入就在身边志愿者', path: '/join/rescue' },
					{ index: 3, name: '会员入会登记', path: '/join/member' },
					{ index: 4, name: '志愿者报名', path: '/join/volunteer' },
					{ index: 5, name: '普及培训报名', path: '/join/train' },
					{ index: 6, name: '加入救在身边志愿者', path: '/join/rescue' },
				],
				rightTitle: '爱心捐赠',
				currentIndex: 0
			}
		}
	}
</script>

<style>
</style>
