Donation.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div class="donation">
  3. <left-nav :navList="navList" :rightTitle="rightTitle" :currentIndex="currentIndex">
  4. <router-view></router-view>
  5. </left-nav>
  6. </div>
  7. </template>
  8. <script>
  9. import LeftNav from '../components/leftNav/LeftNav.vue'
  10. import PageTitle from '../components/pageTitle/PageTitle.vue'
  11. export default {
  12. components: {
  13. LeftNav,
  14. PageTitle
  15. },
  16. data() {
  17. return {
  18. navList: [
  19. { index: 0, name: '我要捐款', path: '/donation/contribution' },
  20. { index: 1, name: '我要器官捐献', path: '/donation/organDonation' },
  21. { index: 2, name: '我要造血干细胞捐献', path: '/donation/Hpc' },
  22. { index: 3, name: '我要登记救护员', path: '/join/rescue' },
  23. { index: 4, name: '我要登记个人会员', path: '/join/member' },
  24. { index: 5, name: '我要登记志愿者', path: '/join/volunteer' },
  25. { index: 6, name: '我要报名普及培训', path: '/join/train' },
  26. ],
  27. rightTitle: '我要捐款',
  28. currentIndex: 0
  29. }
  30. }
  31. }
  32. </script>
  33. <style>
  34. </style>