cfdee779 by 杨威

菜单和左侧对齐

1 parent 9bb1bbba
......@@ -103,7 +103,7 @@ ol, ul { list-style:none; }
>.is-top{
position: -webkit-fixed;
position: fixed;
top: 60px;
top: 72px;
z-index: 999;
width: 100%;
margin-bottom: 0;
......
......@@ -26,6 +26,7 @@
v-for="(item, index) in headTop"
:key="index + '1'"
:class="{ 'is-active': item.select }"
:style="{'height':item.name == '首页' && item.select ? '70'+'px' : '71'+'px'}"
@click="selectTopItems(index)"
>
<i :class="item.icon"></i>
......@@ -335,6 +336,7 @@ export default {
}
},
selectTopItems(ind) {
console.log(this.headTop);
if (ind == 1) {
//点击新建,弹框
this.dialogVisible = true;
......@@ -430,19 +432,22 @@ export default {
.el-header {
background-color: #fff;
padding: 0 !important;
height: 72px!important;
.header-top {
height: 60px;
height: 72px;
border-bottom: 1px solid#EAEAEA;
box-sizing: border-box;
.top-items {
cursor: pointer;
height: 60px;
height: 72px;
padding: 0 30px;
font-size: 18px;
line-height: 60px;
line-height: 72px;
float: left;
position: relative;
color: #4a4a4a;
// border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
i {
margin-right: 6px;
font-size: 18px;
......@@ -451,15 +456,13 @@ export default {
}
.hamburger {
font-size: 16px;
line-height: 60px;
line-height: 72px;
color: #000;
}
}
.top-items.is-active {
color: #006cff;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
height: 58px;
height: 71px;
border-bottom: 1px solid #FFF;
}
}
......