teaching-uniapp/pages/teachingList/teachingList.vue

<template>
	<view class="teachingDetail">
		<statusBar :item="navbarBata"></statusBar>
		<!-- <teaching-case></teaching-case> -->
		<view class="" style="padding-bottom: 50rpx;">
			<teaching-case :classList='classList'></teaching-case>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				navbarBata: {
					title: '推荐课程',
					btn: 1
				},
				classList: [
				  {
				    img: "http://43.139.158.220:5007/img/static/img/jiaoxueship.jpg",
				    className: "教学视频",
				    intro: "课程简介：丽湖职教双创教育国际虚拟教研室教学视频",
				  },
				  {
				    img: "http://43.139.158.220:5007/img/static/img/jiaoxuedagang.jpg",
				    className: "教学大纲",
				    intro: "课程简介：丽湖职教双创教育国际虚拟教研室教学大纲",
				  },
				  {
				    img: "http://43.139.158.220:5007/img/static/img/peiyangfangan.jpg",
				    className: "培养方案",
				    intro: "课程简介：丽湖职教双创教育国际虚拟教研室培养方案",
				  },
				  {
				    img: "http://43.139.158.220:5007/img/static/img/xitishiti.jpg",
				    className: "习题试题",
				    intro: "课程简介：丽湖职教双创教育国际虚拟教研室习题试题",
				  },
				],
			};
		}
	}
</script>

<style lang="scss">
	.teachingDetail {
		// background-color: red;
	}
</style>