<template>
	<view class="">
		<Home v-if="store.tabIndex==0"></Home>
		<Travels v-else-if="store.tabIndex==1"></Travels>
		<Publish v-else-if="store.tabIndex==2"></Publish>
		<Chat v-else-if="store.tabIndex==3"></Chat>
		<Mine v-else-if="store.tabIndex==4"></Mine>
		<Home v-else></Home>
		
		<TabBar></TabBar>
	</view>
</template>

<script setup>
	import { computed } from 'vue';
	import { useStore } from '@/store/index.js'
	
	const store = useStore();
	
</script>

<style lang="scss">
	
	
	.page-content{
		width:100vw;
		height:calc(100vh - 120rpx - env(safe-area-inset-bottom));
		border:1rpx solid blue;
		box-sizing: border-box;
	}
</style>
