MOSE-Official-Website-20250712/pages/index/index.vue

<template>
	<view class="volunteer-day-container">
		<home-page-nav></home-page-nav>
		
		<!-- 顶部通知栏 -->
		<volunteer-header></volunteer-header>
		
		<!-- 志愿者排行榜 -->
		<volunteer-ranking></volunteer-ranking>
		
		<!-- 功能导航 -->
		<volunteer-features></volunteer-features>
		
		<!-- 推荐活动 -->
		<recommended-activities></recommended-activities>
	</view>
</template>

<script>
	import VolunteerHeader from '@/pages/components/index/VolunteerHeader.vue';
	import VolunteerRanking from '@/pages/components/index/VolunteerRanking.vue';
	import VolunteerFeatures from '@/pages/components/index/VolunteerFeatures.vue';
	import RecommendedActivities from '@/pages/components/index/RecommendedActivities.vue';
	import HomePageNav from '@/pages/components/HomePageNav.vue';
	
	export default {
		components: {
			VolunteerHeader,
			VolunteerRanking,
			VolunteerFeatures,
			RecommendedActivities,
			HomePageNav
		},
		data() {
			return {}
		},
		onLoad() {
			// 页面加载时获取数据
			this.getPageData();
		},
		methods: {
			getPageData() {
				// 获取页面数据
				// 这里可以添加API请求
			}
		}
	}
</script>

<style lang="scss" scoped>
	.volunteer-day-container {
		min-height: 100vh;
		background-color: #f5f5f5;
		padding-bottom: 30rpx;
	}
</style>