<style lang="scss">
	.container{
		min-height: 100%;
		background:#F6F6F6;
		&>map{
			height:348rpx;
			width:100%;
			margin-bottom:-9rpx;
		}
		&>.u-tabs{
			background:#fff;
			box-shadow: 0 6rpx 12rpx 2rpx rgba(0,0,0,0.1);
		}

	}
</style>
<template>
	<view class="container">
		<map/>

		<u-tabs :list="tabs" :current="tabIndex" activeStyle="color:#10C176;" lineColor="#10C176" lineWidth="50" :scrollable="false" @change="tabIndex=$event.index"/>

		<plant-plan v-if="tabIndex==0"/>
		<farmRecord v-else-if="tabIndex==1" />
		<recovery v-else />
	</view>
</template>
<script>
import plantPlan from './plantPlan.vue'
import farmRecord from './farmRecord.vue'
import recovery from './recovery.vue'
export default {
	components:{plantPlan,farmRecord,recovery},
	data(){
		return{
			tabIndex:0,
			tabs:[
				{name:"种植计划",},
				{name:"农事记录",},
				{name:"采收记录",},
			]
		}
	},
}
</script>