作者 小范

导航栏样式优化

1 <template> 1 <template>
2 - <div style="width: 100%"> 2 + <div style="width: 100%;height: 50px">
3 <Assembly></Assembly> 3 <Assembly></Assembly>
4 <el-tabs v-model="activeIndex" 4 <el-tabs v-model="activeIndex"
5 v-if="openTab.length" 5 v-if="openTab.length"
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 :closable = "tabCloseable" 7 :closable = "tabCloseable"
8 @tab-click='tabClick' 8 @tab-click='tabClick'
9 @tab-remove="tabRemove" 9 @tab-remove="tabRemove"
10 - style="width: 100%;margin-top: 18px;height: 50px"> 10 + style="width: 100%;margin-top: 0px;height: 50px">
11 <el-tab-pane 11 <el-tab-pane
12 v-for="(item, index) in this.$store.state.openTab" 12 v-for="(item, index) in this.$store.state.openTab"
13 :key="item.name" 13 :key="item.name"
@@ -164,6 +164,7 @@ @@ -164,6 +164,7 @@
164 line-height: 26px; 164 line-height: 26px;
165 border-radius: 5px 5px 0 0; 165 border-radius: 5px 5px 0 0;
166 background-color: #fff; 166 background-color: #fff;
  167 + font-size: 12px;
167 font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; 168 font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
168 } 169 }
169 /* 选中的黑框的样式*/ 170 /* 选中的黑框的样式*/
@@ -49,7 +49,7 @@ @@ -49,7 +49,7 @@
49 @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" 49 @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed"
50 style="width: 300px;height: 100%"> 50 style="width: 300px;height: 100%">
51 <!-- ;overflow: scroll--> 51 <!-- ;overflow: scroll-->
52 - <div align="center" style="background-color: #2b2f3a"> 52 + <div align="center" style="background-color: #2b2f3a;height: 67px">
53 <img src="./logo1.png"> 53 <img src="./logo1.png">
54 <h1 style="color:white;display: inline-block;font-weight: 600;font-size: 15px;line-height: 50px">航空物流公共信息服务平台</h1> 54 <h1 style="color:white;display: inline-block;font-weight: 600;font-size: 15px;line-height: 50px">航空物流公共信息服务平台</h1>
55 </div> 55 </div>
@@ -356,8 +356,8 @@ @@ -356,8 +356,8 @@
356 .tools{ 356 .tools{
357 /*padding: 0px 13px;*/ 357 /*padding: 0px 13px;*/
358 /*width:14px;*/ 358 /*width:14px;*/
359 - height: 60px;  
360 - line-height: 60px; 359 + height: 50px;
  360 + line-height: 40px;
361 cursor: pointer; 361 cursor: pointer;
362 362
363 /*padding-left: 180px;*/ 363 /*padding-left: 180px;*/
@@ -251,6 +251,7 @@ @@ -251,6 +251,7 @@
251 border-bottom: 2px solid #6f8294; 251 border-bottom: 2px solid #6f8294;
252 position:relative; 252 position:relative;
253 z-index: 999; 253 z-index: 999;
  254 + margin-top: -10px;
254 255
255 float: right; 256 float: right;
256 width: 730px; 257 width: 730px;