workApp/pages/teacherStudy/courseCenter/index.vue

<template>
	<rp-nav-bar height="312" backPath="workspace" title="教师研修" :filterPickerData="state.filterPickerData" :tabList="state.tabList" :onlyTitle="false" rightWidth="0rpx" @GoBack="GoBack"></rp-nav-bar>
	<view class=""></view>
</template>

<script setup>
	import rpNavBar from '@/components/nav-bar.vue';
	import { reactive, ref } from 'vue';
	const state = reactive({
		filterPickerData:[['全部类型','全部类型1'],['全部类型','全部类型2'],['全部类型','全部类型2']],
		tabList:[{
			name:'最新发布',
			sortType:'1'
		},{
			name:'播放最多',
			sortType:'2'
		},{
			name:'关注最多',
			sortType:'3'
		}]
	})
</script>

<style>
</style>