SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<!-- import CSS -->
	<link rel="stylesheet" href="http://localhost:8085/lib/theme-chalk/index.css">
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<style>
		.screen-layout3 .screen-row {
			height: 100%;
			box-sizing: border-box;
		}

		.screen-layout3 .screen-row>.el-col {
			display: flex;
			flex-direction: column;
			height: 100%;
			box-sizing: border-box;
			padding: 0 0.5%;
		}

		.screen-layout3 .screen-item {
			position: relative;
			padding: 10px 0;
		}

		.screen-layout3 .grid-content {
			position: absolute;
			right: 0;
			bottom: 10px;
			left: 0;
			top: 10px;
		}
	</style>
</head>

<body>
	<div id="app" style="height: 100vh">
		<bv-layout :width="1920" background-image="radial-gradient(ellipse farthest-corner at center center,#033958 0,#080542 70%)">
			<el-container style="height: 100%">
				<el-header height="90px">
					<bv-header3 title="标题"></bv-header3>
				</el-header>
				<el-main class="screen-main screen-layout3">
					<el-row class="screen-row">
						<el-col :span="6">
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
						</el-col>
						<el-col :span="12">
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
						</el-col>
						<el-col :span="6">
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
							<div class="screen-item" style="flex: 1 0 0;">
								<bv-border-box-7 :dur="0" />
								<div class="grid-content"></div>
							</div>
						</el-col>
					</el-row>
				</el-main>
			</el-container>
		</bv-layout>
	</div>
</body>
<!-- import Vue  -->
<script src="https://unpkg.com/vue/dist/vue.js">

</script>
<script src="https://unpkg.com/element-ui/lib/index.js">

</script>
<!-- import JavaScript -->
<script src="http://localhost:8085/lib/index.js">

</script>
<script>
	new Vue({
      el: '#app',
      data: function() {
        return {
            title: '标题'
        }
      }
    })

</script>

</html>