作者 小范

消息总线顶部背景图及导航栏样式更新

<template>
<el-row class="container darkmenu" style="margin-top: 0px;">
<el-col :span="24" class="header">
<el-row class="container darkmenu" style="margin-top: 0px">
<el-col :span="24" class="header" style="background-position: center">
<el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'">
{{collapsed?'':sysName}}
</el-col>
... ... @@ -359,9 +359,9 @@
width: 100%;
.header {
height: 60px;
line-height: 60px;
background: $color-primary url("/static/images/air-banner.png");
height: 70px;
line-height: 70px;
background: $color-primary url("/static/images/banner.png");
color: #fff;
.userinfo {
... ...
... ... @@ -17,8 +17,8 @@
<ul class="simple">
<li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li>
<li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li>
<li><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>
<li><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>
<li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>
<li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>
</ul>
</div></li>
<li> <a href="" class="drop">企业公共服务</a>
... ... @@ -66,9 +66,7 @@
list-style-type: none;
}
a{font-size: 13px;}
#me{
height: 75px;
}
/*菜单栏底层div*/
#menu,#menu2 {
height: 50px;
... ... @@ -79,7 +77,7 @@
/*一级菜单栏样式*/
#menu li{
float: right;
width: 160px;
width: 120px;
height: 50px;
text-align: center;
/*position:relative;*/
... ... @@ -95,12 +93,10 @@
}
/*鼠标放一级菜单时显示二级菜单样式(横向效果)*/
#menu li:hover .dropdown_1column {
left:250px;
left:300px;
right: 0px;
top:45px;
float: left;
display:inline-block;
width: auto;
font-size:13px;
color:#ffffff;
}
... ... @@ -116,8 +112,7 @@
/*二级菜单栏样式*/
#menu li ul li {
font-size:13px;
float:right;
line-height:50px;
line-height:45px;
}
</style>
... ...

74.6 KB | 宽: 0px | 高: 0px

78.5 KB | 宽: 0px | 高: 0px

  • 两方对比
  • 交换覆盖
  • 透明覆盖