<template>
	 
	<div class="box">
		<button @click="get1">中文</button>
		<button @click="get2">英语s</button>
		<button @click="get3">法语</button>
		<button @click="get4">俄语s</button>
	</div>
</template>

<script>
export default {
	name: 'firstHtp',
	data() {
		return {}
	},
	mounted() {},
	methods: {
		get1() {
			this.$router.push({ path: 'videoInfo1' })
		},
		get2() {
			this.$router.push({ path: 'videoInfo' })
		},
		get3() {
			this.$router.push({ path: 'videoInfo2' })
		},
		get4() {
			this.$router.push({ path: 'videoInfo3' })
		},
	},
}
</script>

<style scoped>
.box {
	width: 600px;
	display: flex;
	justify-content: space-around;
	margin: 50px auto;
}
.box > button {
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
</style>
