<template>
|
<div class="header">
|
<!-- <div class="pageHeader-first">
|
<div class="header-bj"></div>
|
<div class="content"></div>
|
</div> -->
|
<div class="pageHeader-second">
|
<div class="second-con">
|
<div class="second-left"></div>
|
<div class="second-right">
|
<img src="" alt="" />
|
<span>单元 · 标题</span>
|
<span>1-7</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: "header",
|
data() {},
|
};
|
</script>
|
<style lang="less" scoped>
|
.header {
|
width: 100%;
|
height: 136px;
|
position: absolute;
|
left: 0;
|
top: 0;
|
z-index: 9999999;
|
.pageHeader-first {
|
width: 100%;
|
height: 136px;
|
position: relative;
|
.header-bj {
|
width: 80%;
|
height: 115px;
|
border-left: 1px solid #dfb27d;
|
border-bottom: 1px solid #dfb27d;
|
position: absolute;
|
right: 30px;
|
top: 36px;
|
}
|
.content {
|
background-color: #f49a4c;
|
width: 730px;
|
height: 40px;
|
position: absolute;
|
left: 33px;
|
top: 100px;
|
}
|
}
|
}
|
</style>
|
