修改ui
This commit is contained in:
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user