<template>
	<view class="wallet-index flex-common-css box-sizing-border iPhone-bottom">
		<WalletNav @setNavType='setNavType'></WalletNav>
		<view class="wallet-info">
			<Recharge v-if="navType === 1"></Recharge>
			<Income v-else></Income>
		</view>
	</view>
</template>

<script>
	import WalletNav from './model/wallet-nav.vue'
	import Income from './model/income.vue' 
	import Recharge from './model/recharge.vue'
	export default {
		components:{WalletNav,Income,Recharge},
		data(){
			return{
				navType:1, //1 充值 2收益
			}
		},
		methods:{
			setNavType(e){
				this.navType = e *1;
			},
		},
	}
</script>

<style scoped lang="scss">
	.wallet-index{
		position: relative;
		.wallet-info{
			flex: 1;
			overflow: auto;
		}
	}
</style>