|
@@ -1,7 +1,7 @@
|
|
|
/*layout模板*/
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div :class="['header', fixedHeader ? 'fixed-header' : '']">
|
|
|
+ <div :class="['header', fixedHeader ? 'fixed-header' : '',this.flag?'show':'hidden']" >
|
|
|
<div class="logo">
|
|
|
<router-link to="/indexLayout/workbench"
|
|
|
><el-image v-show="xglogo" :src="qylogo" fit="cover"
|
|
@@ -172,6 +172,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
zhucenum:false,
|
|
|
+ flag: false,
|
|
|
logo:logo,
|
|
|
qylogo:qylogo,
|
|
|
yingyong:false,
|
|
@@ -197,11 +198,12 @@ export default {
|
|
|
this.getCount() // 获取统计信息
|
|
|
//判断是否是前沿的logo;
|
|
|
if(route.path=="/indexLayout/workbench"){
|
|
|
-
|
|
|
+ this.flag=false;
|
|
|
this.qylogos=true;
|
|
|
this.xglogo=false;
|
|
|
this.yingyong=false;
|
|
|
}else{
|
|
|
+ this.flag=true;
|
|
|
this.xglogo=true;
|
|
|
this.qylogos=false;
|
|
|
this.yingyong=true;
|
|
@@ -420,7 +422,12 @@ export default {
|
|
|
@include w_h();
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+.show{
|
|
|
+ background: rgba($color: #0158a8, $alpha: 0.2);
|
|
|
+}
|
|
|
+.hidden{
|
|
|
+ background: $color_f;
|
|
|
+}
|
|
|
.yingyong{
|
|
|
font-size: 14px;
|
|
|
color: #303133;
|
|
@@ -433,9 +440,8 @@ export default {
|
|
|
@include flex();
|
|
|
@include w_h(100%, 50px);
|
|
|
min-width: 1000px;
|
|
|
- //background: $color_f;
|
|
|
+
|
|
|
box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.04);
|
|
|
- background-color: rgba($color: #0158a8, $alpha: 0.2);
|
|
|
.logo {
|
|
|
@include w_h(100px);
|
|
|
&:hover {
|
|
@@ -473,6 +479,9 @@ export default {
|
|
|
border: none;
|
|
|
background:none;
|
|
|
color: #0470cc;
|
|
|
+ &:hover span{
|
|
|
+ color: #f66420;
|
|
|
+ }
|
|
|
.itemOn {
|
|
|
// color: $color_on !important;
|
|
|
// border-bottom: 2px solid $color_on !important;
|
|
@@ -551,6 +560,7 @@ export default {
|
|
|
border: none;
|
|
|
padding: 0 5px;
|
|
|
margin: 0 15px;
|
|
|
+ background-color: rgba($color: #0158a8, $alpha: 0)!important;;
|
|
|
a {
|
|
|
display: block;
|
|
|
}
|