<template>
	<div class="join">
		<left-nav :navList="navList">
			<router-view></router-view>
		</left-nav>
	</div>
</template>

<script>
	import LeftNav from '../components/leftNav/LeftNav.vue'
	export default {
		components: {
			LeftNav
		},
		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: '我要登记志愿者',
			}
		}
	}
</script>

<style lang="scss" scoped>
	.join {
		width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		.right-wrapper {
			width: 915px;
			min-height: 776px;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		}
	}
</style>
