<template>
	<div class="app-box">
		<div class="con-box">
			<div class="tabCon">
				<div class="tabLeft">
					<div><span>考试名称：</span>456546456</div>
					<div><span>考试时间：</span>456546456</div>
					<div><span>考试成绩：</span>456546456</div>
				</div>
				<div class="tabRight">查看</div>
				<div class="tabLeft"></div>
				<div class="tabRight">查看</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="stylus" scoped>
.app-box{
	width: 100%;
	height: 100vh;
	position: relative;
	.con-box{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		z-index: 10;
		padding: 20rpx 28rpx;
		box-sizing: border-box;
		overflow-y: auto;
		.tabCon{
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
			display: flex;
			flex-wrap: wrap;
			.tabLeft{
				width: 80%;
				height: 140rpx;
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
				box-sizing: border-box;
				view{
					line-height: 45rpx
				}
			}
			.tabRight{
				width: 20%;
				height: 140rpx;
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
				box-sizing: border-box;
				font-size: 30rpx;
				text-align: center;
				line-height: 140rpx;
				color: #2175F3;
			}
		}
	}
}
</style>