williamet/vis389
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

init2

Browse Source
This commit is contained in:
hh
2021-11-22 09:17:41 +08:00
parent a348257a03
commit 4a9d1675e5
42 changed files with 1405 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/views/bigScreen/components/bigScreenHead/index.vue Normal file
View File

@ -0,0 +1,74 @@
<template>
<div class="bigScreenHead">
<div class="tit">驾驶舱总览</div>
<el-row style="width: 100%;">
<el-col :span="8">
<el-row style="padding: 0px 20px">
<el-col :span="8">
<bigScreenBtn title="驾驶舱总览" :selected="true"></bigScreenBtn>
</el-col>
<el-col :span="8">
<bigScreenBtn title="科研生产" :selected="false"></bigScreenBtn>
</el-col>
<el-col :span="8">
<bigScreenBtn title="经营管理" :selected="false"></bigScreenBtn>
</el-col>
</el-row>
</el-col>
<el-col :span="8" style="min-height: 1px">
</el-col>
<el-col :span="8">
<el-row style="padding: 0px 0 0 60px">
<el-col :span="8">
<bigScreenBtn title="质量管理" :selected="false"></bigScreenBtn>
</el-col>
<el-col :span="8">
<bigScreenBtn title="安全管理" :selected="false"></bigScreenBtn>
</el-col>
<el-col :span="8">
<bigScreenBtn title="信息化管理" :selected="false"></bigScreenBtn>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
import bigScreenBtn from "../bigScreenBtn/index.vue";
export default {
name: 'BigScreenHead',
props: {},
components: {
bigScreenBtn
},
data () {
return {
}
},
}
</script>
<style lang="scss" scoped>
.bigScreenHead {
width: 1920px;
height: 100px;
background-image: url(./bg.png);
background-size: 100% 80px;
background-repeat: no-repeat;
.tit {
font-size: 36px;
font-family: YouSheBiaoTiHei;
color: #91d5fe;
line-height: 47px;
letter-spacing: 6px;
text-align: center;
padding-top: 13px;
}
}
</style>