<template>
	<div style="height: calc(100vh - 120px);">
		<el-row style="height: 100%;">
			<el-col :span="5" style="height: 100%;border-right: 2px solid #55ffff;">
				<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
			</el-col>
			<el-col :span="19" style="height: 100%;">
				<div style="width: 100%;height: 100%;position: relative;">
					<img src="../../../assets/images/hysy.jpg" style="width: 40%;margin-top: 60px;position: absolute;left: 50%;transform: translateX(-50%);" alt="" />
				</div>
				<!-- <div style="width: 100%;height: 100%;" >
					<play-video :lastTime="2"></play-video>
				</div> -->
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import playVideo from "./video.vue"
	export default {
		name: "Xuexi",

		data() {
			return {
				data: [{
					label: '一级 1',
					children: [{
						label: '二级 1-1',
						children: [{
							label: '三级 1-1-1'
						}]
					}]
				}, {
					label: '一级 2',
					children: [{
						label: '二级 2-1',
						children: [{
							label: '三级 2-1-1'
						}]
					}, {
						label: '二级 2-2',
						children: [{
							label: '三级 2-2-1'
						}]
					}]
				}, {
					label: '一级 3',
					children: [{
						label: '二级 3-1',
						children: [{
							label: '三级 3-1-1'
						}]
					}, {
						label: '二级 3-2',
						children: [{
							label: '三级 3-2-1'
						}]
					}]
				}],
				defaultProps: {
					children: 'children',
					label: 'label'
				}
			}
		},
		created() {

		},
		methods: {
			handleNodeClick(data) {
			    console.log(data);
			}
		}
	}
</script>

<style>

</style>