newjzpc/src/views/cause/Service.vue

<template>
	<div class="news">
		<left-nav :navList="navList" :topTitle="'红十字事业'">
			<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: '/cause/rescue'
					},
					{
						index: 1,
						name: '应急救护',
						path: '/cause/emergency'
					},
					{
						index: 2,
						name: '人道救助',
						path: '/cause/humanity'
					},
					{
						index: 3,
						name: '造血干细胞捐献',
						path: '/cause/cells'
					},
					{
						index: 4,
						name: '无偿献血',
						path: '/cause/free'
					},
					{
						index: 5,
						name: '遗体和人体器官捐献',
						path: '/cause/remains'
					},
					{
						index: 6,
						name: '红十字青少年',
						path: '/cause/teenagers'
					},
					{
						index: 7,
						name: '志愿服务',
						path: '/cause/service'
					}
				],
			};
		}
	};
</script>

<style>
</style>