修改ui
This commit is contained in:
@@ -2,7 +2,8 @@
|
||||
<div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
|
||||
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
|
||||
<sidebar v-if="!sidebar.hide" class="sidebar-container" />
|
||||
<div ref="mainContainer" :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
|
||||
<div :style="changeColor ? 'background: rgba(0, 21, 41, 1)' : ''" ref="mainContainer"
|
||||
:class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
|
||||
<div :class="{ 'fixed-header': fixedHeader }">
|
||||
<navbar />
|
||||
<tags-view v-if="needTagsView" />
|
||||
@@ -40,7 +41,7 @@ export default {
|
||||
fixedHeader: state => state.settings.fixedHeader
|
||||
}),
|
||||
changeColor() {
|
||||
if (this.$route.path == '/copilot/efficiency-container' || this.$route.path == '/copilot/main') {
|
||||
if (this.$route.path == '/copilot/efficiency-container' || this.$route.path == '/copilot/main' || this.$route.path == '/factoryData/hdIndex' || this.$route.path === '/factoryData/factory-data') {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
@@ -59,14 +60,14 @@ export default {
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
changeColor(val) {
|
||||
if (val == true) {
|
||||
console.log('this.$refs.mainContainer', this.$refs.mainContainer);
|
||||
this.$refs.mainContainer.style.backgroundColor = 'rgba(0, 21, 41, 1)'
|
||||
} else {
|
||||
this.$refs.mainContainer.style.backgroundColor = ''
|
||||
}
|
||||
},
|
||||
// changeColor(val) {
|
||||
// if (val == true) {
|
||||
// // console.log('this.$refs.mainContainer', this.$refs.mainContainer);
|
||||
// this.$refs.mainContainer.style.backgroundColor = 'rgba(0, 21, 41, 1)'
|
||||
// } else {
|
||||
// this.$refs.mainContainer.style.backgroundColor = ''
|
||||
// }
|
||||
// },
|
||||
},
|
||||
methods: {
|
||||
handleClickOutside() {
|
||||
|
||||
Reference in New Issue
Block a user