朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 a7d5d555823f14afdf057f07ca77610189389d73 1 个父辈 64c0f107

航空物流公共信息服务平台界面优化

内嵌 并排对比
正在显示 3 个修改的文件 包含 36 行增加 和 26 行删除
@@ -24,7 +24,7 @@ module.exports = { @@ -24,7 +24,7 @@ module.exports = {
24 }, 24 },
25 dev: { 25 dev: {
26 env: require('./dev.env'), 26 env: require('./dev.env'),
27 - port: 12024, 27 + port: 12026,
28 autoOpenBrowser: true, 28 autoOpenBrowser: true,
29 assetsSubDirectory: 'static', 29 assetsSubDirectory: 'static',
30 assetsPublicPath: '/', 30 assetsPublicPath: '/',
@@ -6,13 +6,13 @@ @@ -6,13 +6,13 @@
6 </el-col> 6 </el-col>
7 <el-col :span="10"> 7 <el-col :span="10">
8 <div class="tools" @click.prevent="collapse" style="width: 380px"> 8 <div class="tools" @click.prevent="collapse" style="width: 380px">
9 - <i class="fa"></i> 9 + <i class="fa "></i>
10 </div> 10 </div>
11 <!-- 标签i的图标 fa-align-justify--> 11 <!-- 标签i的图标 fa-align-justify-->
12 </el-col> 12 </el-col>
13 <el-col :span="4" class="userinfo"> 13 <el-col :span="4" class="userinfo">
14 <el-dropdown trigger="hover" > 14 <el-dropdown trigger="hover" >
15 - <span class="el-dropdown-link userinfo-inner">{{sysUserName}}<img src="../views/131611817418_.pic.jpg"/></span> 15 + <span class="el-dropdown-link userinfo-inner">{{sysUserName}}<img :src="this.sysUserAvatar"/></span>
16 <el-dropdown-menu slot="dropdown"> 16 <el-dropdown-menu slot="dropdown">
17 <el-dropdown-item>我的消息</el-dropdown-item> 17 <el-dropdown-item>我的消息</el-dropdown-item>
18 <el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item> 18 <el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item>
@@ -2,6 +2,26 @@ @@ -2,6 +2,26 @@
2 <el-row id="me"> 2 <el-row id="me">
3 <el-col :span="20" id="menu" > 3 <el-col :span="20" id="menu" >
4 <ul> 4 <ul>
  5 + <li><a href="" class="drop">政府监管服务</a>
  6 + <div class="dropdown_1column">
  7 + <ul class="simple">
  8 + <li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>
  9 + <li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>
  10 + <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>
  11 + <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>
  12 + <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>
  13 + </ul>
  14 + </div></li>
  15 + <li><a href="" class="drop">综合查询</a>
  16 + <div class="dropdown_1column">
  17 + <ul class="simple">
  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>
  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>
  23 + </div></li>
  24 +
5 <li> <a href="" class="drop">企业公共服务</a> 25 <li> <a href="" class="drop">企业公共服务</a>
6 <div class="dropdown_1column"> 26 <div class="dropdown_1column">
7 <ul class="simple"> 27 <ul class="simple">
@@ -28,25 +48,7 @@ @@ -28,25 +48,7 @@
28 </ul> 48 </ul>
29 </div> 49 </div>
30 </li> 50 </li>
31 - <li><a href="" class="drop">综合查询</a>  
32 - <div class="dropdown_1column">  
33 - <ul class="simple">  
34 - <li><a href="http://8.131.245.248:8083/zz-sso">企业实时查询服务</a></li>  
35 - <li><a href="http://8.131.245.248:8083/zz-sso">企业综合查询服务</a></li>  
36 - <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场实时查询</a></li>  
37 - <li style="width: 160px"><a href="http://8.131.245.248:8083/zz-sso">监管部门与机场综合查询</a></li>  
38 - </ul>  
39 - </div></li>  
40 - <li><a href="" class="drop">政府监管服务</a>  
41 - <div class="dropdown_1column">  
42 - <ul class="simple">  
43 - <li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>  
44 - <li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>  
45 - <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>  
46 - <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>  
47 - <li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>  
48 - </ul>  
49 - </div></li> 51 +
50 </ul> 52 </ul>
51 </el-col> 53 </el-col>
52 </el-row> 54 </el-row>
@@ -69,18 +71,25 @@ @@ -69,18 +71,25 @@
69 /*菜单栏底层div*/ 71 /*菜单栏底层div*/
70 #menu,#menu2 { 72 #menu,#menu2 {
71 height: 50px; 73 height: 50px;
72 - /*border-bottom: 3px solid rgb(111,130,148);*/ 74 + border-bottom: 3px solid rgb(111,130,148);
73 position:relative; 75 position:relative;
74 z-index: 999; 76 z-index: 999;
  77 +
  78 + float: right;
  79 + width: 900px;
  80 +
75 } 81 }
76 /*一级菜单栏样式*/ 82 /*一级菜单栏样式*/
77 #menu li{ 83 #menu li{
78 - float: right; 84 + /*float: right;*/
79 width: 120px; 85 width: 120px;
80 height: 50px; 86 height: 50px;
81 text-align: center; 87 text-align: center;
82 /*position:relative;*/ 88 /*position:relative;*/
83 border:none; 89 border:none;
  90 +
  91 + float: left;
  92 +
84 } 93 }
85 /*一级菜单栏字体*/ 94 /*一级菜单栏字体*/
86 #menu li a { 95 #menu li a {
@@ -92,11 +101,12 @@ @@ -92,11 +101,12 @@
92 } 101 }
93 /*鼠标放一级菜单时显示二级菜单样式(横向效果)*/ 102 /*鼠标放一级菜单时显示二级菜单样式(横向效果)*/
94 #menu li:hover .dropdown_1column { 103 #menu li:hover .dropdown_1column {
95 - right: 2px;  
96 - left: auto; 104 + left: 0px;
  105 + right: auto;
97 top:45px; 106 top:45px;
98 font-size:13px; 107 font-size:13px;
99 color:#ffffff; 108 color:#ffffff;
  109 + width: 1000px;
100 } 110 }
101 /*二级菜单栏样式*/ 111 /*二级菜单栏样式*/
102 .dropdown_1column{ 112 .dropdown_1column{