employ-front/pages_subpack/business-settled/index.vue

<template>
	<view>
		<u-tabs 
		:current="current"
		lineWidth="30"
        lineColor="#FF7A31"
        :activeStyle="{
            color: '#303133',
            fontWeight: 'bold',
            transform: 'scale(1.05)'
        }"
        :inactiveStyle="{
            color: '#606266',
            transform: 'scale(1)'
        }"
        itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;" 
		:list="navList" 
		@click="navClick($event)"></u-tabs>
		<enterpriseBox v-if="current==0" />
		<personBox v-if="current==1" />
	</view>
</template>

<script>
	import enterpriseBox from "./component/enterprise.vue"
	import personBox from "./component/person.vue"
	export default{
		components:{
			enterpriseBox,
			personBox
		},
		data(){
			return{
				current:0,
				navList:[
					{
						name: '企业入驻',
					}, {
						name: '个人入驻',
					}
				]
			}
		},
		methods: {
			navClick(event){
				this.current=event.index
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f5f5f5 !important;
	}
</style>