<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: '/help/aid' },
					{ index: 1, name: '红十字志愿服务', path: '/help/service' },
					{ index: 2, name: '红十字少年', path: '/help/juvenile' }
				],
				rightTitle: '我要登记志愿者',
			}
		}
	}
</script>

<style lang="scss" scoped>
	.join {
		width: 1202px;
		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>
