console
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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>
<script src="https://unpkg.com/vue/dist/vue.js">
</script>
<script src="https://unpkg.com/element-ui/lib/index.js">
</script>
<script src="http://localhost:8085/lib/index.js">
</script>
<script>
new Vue({
el: '#app',
data: function() {
return {
title: '标题'
}
}
})
</script>
</html>