<template>
    <div class="mainView">
		<div class="selectBox">
			<a href="http://www.wheccloud.com/login?redirect=%2Fdashboard" style='text-decoration:none;'>
				<div class="selectChild selectChild1"></div>
			</a>
            <router-link to='/login?redirect=%2Fdashboard'>
                <div class="selectChild selectChild2"></div>
            </router-link>
			<!-- <a href="http://www.wheccloud.com:8003/login?redirect=%2Fdashboard" style='text-decoration:none;'>
				<div class="selectChild selectChild2"></div>
			</a> -->
		</div>
	</div>
</template>

<script>
export default {

}
</script>

<style>
*{
	margin: 0;
	padding: 0;
}
.mainView{
	width: 100vw;
	height: 100vh;
	background-image:url('../assets/images/login_bg.png');
}
.selectBox{
	width:900px;
	position: absolute;
	right: 150px;
	top: 280px;
	display: flex;
	justify-content: space-between;
}
.selectChild{
	width: 410px;
	height: 450px;
}
.selectChild1{
	background-image:url('../assets/images/leifeng.png');
	background-size: 100% 100%;
}
.selectChild2{
	background-image:url('../assets/images/zhiwu.png');
	background-size: 100% 100%;
}
</style>