|
|
@@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div ref="navbar" class="navbar" |
|
|
|
:style="changeColor ? 'background: rgba(0, 21, 41, 1);boxShadow:0px 1px 8px 0px rgba(0,131,255,0.35)' : ''"> |
|
|
|
<hamburger id="hamburger-container" style="color: blue;" :is-active="sidebar.opened" class="hamburger-container" |
|
|
|
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" |
|
|
|
@toggleClick="toggleSideBar" /> |
|
|
|
|
|
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" /> |
|
|
@@ -67,17 +67,21 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
changeColor(val) { |
|
|
|
if (val == true) { |
|
|
|
let svg = document.getElementsByClassName('hamburger') |
|
|
|
console.log('svg',svg); |
|
|
|
svg[0].setAttribute('fill', 'rgba(255, 255, 255, 1)') |
|
|
|
} else { |
|
|
|
let svg = document.getElementsByClassName('hamburger') |
|
|
|
console.log('svg', svg); |
|
|
|
svg[0].setAttribute('fill', '') |
|
|
|
} |
|
|
|
}, |
|
|
|
// changeColor: { |
|
|
|
// handler(val){ |
|
|
|
// if (val == true) { |
|
|
|
// let svg = document.getElementsByClassName('hamburger') |
|
|
|
// console.log('svg', svg) |
|
|
|
// svg[0].style.color = 'rgba(255, 255, 255, 1)' |
|
|
|
// svg[0].setAttribute('fill', 'rgba(255, 255, 255, 1)') |
|
|
|
// } else { |
|
|
|
// let svg = document.getElementsByClassName('hamburger') |
|
|
|
// console.log('svg', svg); |
|
|
|
// svg[0].setAttribute('fill', '') |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// immediate: true, //立即执行 |
|
|
|
// } |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toggleSideBar() { |
|
|
|