uniProject/pages/admin/Jiazheng/jiazhengUserManager.vue

<template>
	<view class="jiazheng-uni-list">
		<v-tabs v-model="current" :tabs="tabs" :scroll="false" @change="changeTab"></v-tabs>
		<view v-show="current ==0">
			<gerenZiliao></gerenZiliao>
		</view>
		<view v-show="current ==1">
			<qiuzhiXinxi></qiuzhiXinxi>
		</view>
		<view v-show="current ==2">
			<zhaopianZiliao></zhaopianZiliao>
		</view>
		<view v-show="current ==3">
			<banzhengXinxi></banzhengXinxi>
		</view>
	</view>
</template>

<script>
	import {
		ref
	} from "vue";
	import banzhengXinxi from './banzhengXinxi.vue';
	import qiuzhiXinxi from './qiuzhiXinxi.vue';
	import zhaopianZiliao from './zhaopianZiliao.vue';
	import gerenZiliao from './gerenZiliao.vue';
	export default {
		data() {
			return {
				current: 0,
				tabs: ['个人资料', '求职信息', '照片资料', '办证信息']
			}
		},
		components: {
			banzhengXinxi,
			qiuzhiXinxi,
			gerenZiliao,
			zhaopianZiliao,
		},
		methods: {
			changeTab(index) {
				console.log('当前选中的项：' + index)
			}
		}
	}
</script>

<style>
	.jiazheng-uni-list {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.jiazheng-uni-list-left {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
</style>