作者 小范

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

1 <template> 1 <template>
2 - <el-row class="container darkmenu" style="margin-top: 0px;">  
3 - <el-col :span="24" class="header"> 2 + <el-row class="container darkmenu" style="margin-top: 0px">
  3 + <el-col :span="24" class="header" style="background-position: center">
4 <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'"> 4 <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'">
5 {{collapsed?'':sysName}} 5 {{collapsed?'':sysName}}
6 </el-col> 6 </el-col>
@@ -359,9 +359,9 @@ @@ -359,9 +359,9 @@
359 width: 100%; 359 width: 100%;
360 360
361 .header { 361 .header {
362 - height: 60px;  
363 - line-height: 60px;  
364 - background: $color-primary url("/static/images/air-banner.png"); 362 + height: 70px;
  363 + line-height: 70px;
  364 + background: $color-primary url("/static/images/banner.png");
365 color: #fff; 365 color: #fff;
366 366
367 .userinfo { 367 .userinfo {
@@ -17,8 +17,8 @@ @@ -17,8 +17,8 @@
17 <ul class="simple"> 17 <ul class="simple">
18 <li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li> 18 <li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li>
19 <li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li> 19 <li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li>
20 - <li><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>  
21 - <li><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li> 20 + <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>
  21 + <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>
22 </ul> 22 </ul>
23 </div></li> 23 </div></li>
24 <li> <a href="" class="drop">企业公共服务</a> 24 <li> <a href="" class="drop">企业公共服务</a>
@@ -66,9 +66,7 @@ @@ -66,9 +66,7 @@
66 list-style-type: none; 66 list-style-type: none;
67 } 67 }
68 a{font-size: 13px;} 68 a{font-size: 13px;}
69 - #me{  
70 - height: 75px;  
71 - } 69 +
72 /*菜单栏底层div*/ 70 /*菜单栏底层div*/
73 #menu,#menu2 { 71 #menu,#menu2 {
74 height: 50px; 72 height: 50px;
@@ -79,7 +77,7 @@ @@ -79,7 +77,7 @@
79 /*一级菜单栏样式*/ 77 /*一级菜单栏样式*/
80 #menu li{ 78 #menu li{
81 float: right; 79 float: right;
82 - width: 160px; 80 + width: 120px;
83 height: 50px; 81 height: 50px;
84 text-align: center; 82 text-align: center;
85 /*position:relative;*/ 83 /*position:relative;*/
@@ -95,12 +93,10 @@ @@ -95,12 +93,10 @@
95 } 93 }
96 /*鼠标放一级菜单时显示二级菜单样式(横向效果)*/ 94 /*鼠标放一级菜单时显示二级菜单样式(横向效果)*/
97 #menu li:hover .dropdown_1column { 95 #menu li:hover .dropdown_1column {
98 - left:250px; 96 + left:300px;
99 right: 0px; 97 right: 0px;
100 top:45px; 98 top:45px;
101 - float: left;  
102 display:inline-block; 99 display:inline-block;
103 - width: auto;  
104 font-size:13px; 100 font-size:13px;
105 color:#ffffff; 101 color:#ffffff;
106 } 102 }
@@ -116,8 +112,7 @@ @@ -116,8 +112,7 @@
116 /*二级菜单栏样式*/ 112 /*二级菜单栏样式*/
117 #menu li ul li { 113 #menu li ul li {
118 font-size:13px; 114 font-size:13px;
119 - float:right;  
120 - line-height:50px; 115 + line-height:45px;
121 } 116 }
122 117
123 </style> 118 </style>

74.6 KB | 宽: | 高:

78.5 KB | 宽: | 高:

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