<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: 4, name: '我要登记个人会员', path: '/join/member' },
					{ index: 5, name: '我要登记志愿者', path: '/join/volunteer' },
					{ index: 6, name: '我要报名普及培训', path: '/join/train' },
				],
				rightTitle: '我要捐款',
				currentIndex: 0
			}
		}
	}
</script>

<style>
</style>
