朱兆平 / vue_cli · 提交

转到一个项目

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

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

内嵌 并排对比
正在显示 3 个修改的文件 包含 36 行增加 和 26 行删除
... ... @@ -24,7 +24,7 @@ module.exports = {
},
dev: {
env: require('./dev.env'),
port: 12024,
port: 12026,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
... ...
... ... @@ -6,13 +6,13 @@
</el-col>
<el-col :span="10">
<div class="tools" @click.prevent="collapse" style="width: 380px">
<i class="fa"></i>
<i class="fa "></i>
</div>
<!-- 标签i的图标 fa-align-justify-->
</el-col>
<el-col :span="4" class="userinfo">
<el-dropdown trigger="hover" >
<span class="el-dropdown-link userinfo-inner">{{sysUserName}}<img src="../views/131611817418_.pic.jpg"/></span>
<span class="el-dropdown-link userinfo-inner">{{sysUserName}}<img :src="this.sysUserAvatar"/></span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>我的消息</el-dropdown-item>
<el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item>
... ...
... ... @@ -2,6 +2,26 @@
<el-row id="me">
<el-col :span="20" id="menu" >
<ul>
<li><a href="" class="drop">政府监管服务</a>
<div class="dropdown_1column">
<ul class="simple">
<li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>
<li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>
</ul>
</div></li>
<li><a href="" class="drop">综合查询</a>
<div class="dropdown_1column">
<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 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>
<div class="dropdown_1column">
<ul class="simple">
... ... @@ -28,25 +48,7 @@
</ul>
</div>
</li>
<li><a href="" class="drop">综合查询</a>
<div class="dropdown_1column">
<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 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>
<div class="dropdown_1column">
<ul class="simple">
<li><a href="http://8.131.245.248:9004/">货物监管辅助管理</a></li>
<li><a href="http://8.131.245.248:9005/">卡口辅助管理</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">安检信息服务</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">特种货物监管</a></li>
<li><a href="http://39.104.160.128:8250/cgoalp/index/html/index#/sc/html/list">企业信用管理</a></li>
</ul>
</div></li>
</ul>
</el-col>
</el-row>
... ... @@ -69,18 +71,25 @@
/*菜单栏底层div*/
#menu,#menu2 {
height: 50px;
/*border-bottom: 3px solid rgb(111,130,148);*/
border-bottom: 3px solid rgb(111,130,148);
position:relative;
z-index: 999;
float: right;
width: 900px;
}
/*一级菜单栏样式*/
#menu li{
float: right;
/*float: right;*/
width: 120px;
height: 50px;
text-align: center;
/*position:relative;*/
border:none;
float: left;
}
/*一级菜单栏字体*/
#menu li a {
... ... @@ -92,11 +101,12 @@
}
/*鼠标放一级菜单时显示二级菜单样式(横向效果)*/
#menu li:hover .dropdown_1column {
right: 2px;
left: auto;
left: 0px;
right: auto;
top:45px;
font-size:13px;
color:#ffffff;
width: 1000px;
}
/*二级菜单栏样式*/
.dropdown_1column{
... ...