workApp/pages/teacherStudy/index.vue

<template>
	<view class="page_body">
		<!-- 课程中心 -->
		<course-center></course-center>
		<page-tabbar :tabBarValue="state.tabBarValue" :tabBarList="state.tabBarList" @ChangeTabBarValue="ChangeTabBarValue"></page-tabbar>
	</view>
</template>

<script setup>
	import pageTabbar from '@/components/page-tabbar.vue';//头部
	import courseCenter from './courseCenter/index.vue';
	import { reactive, ref } from 'vue';
	const state = reactive({
		tabBarValue:'courseCenter',
		tabBarList:[{
			"pathName":"courseCenter",
			"iconPath": "/static/image/tabbar/courseCenter.png",
			"selectedIconPath": "/static/image/tabbar/courseCenter_cur.png",
			"text": "课程中心"
		},{
			"pathName":"myLearning",
			"iconPath": "/static/image/tabbar/myLearning.png",
			"selectedIconPath": "/static/image/tabbar/myLearning_cur.png",
			"text": "我的研修"
		},{
			"pathName":"learningMonitor",
			"iconPath": "/static/image/tabbar/learningMonitor.png",
			"selectedIconPath": "/static/image/tabbar/learningMonitor_cur.png",
			"text": "研修监控"
		}]
	})
	//切换tabBar
	const ChangeTabBarValue = (name) => {
		state.tabBarValue = name;
	}
</script>

<style lang="scss">
</style>