From 09bb3e15c65c05f085b5cf4b715dc29b28d19fa2 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期六, 03 十二月 2022 12:48:51 +0800 Subject: [PATCH] 定时任务违规的字符 --- ruoyi-ui/src/layout/index.vue | 25 +++++++++++++++++-------- 1 files changed, 17 insertions(+), 8 deletions(-) diff --git a/ruoyi-ui/src/layout/index.vue b/ruoyi-ui/src/layout/index.vue index 4e761ea..202cfcd 100644 --- a/ruoyi-ui/src/layout/index.vue +++ b/ruoyi-ui/src/layout/index.vue @@ -1,14 +1,14 @@ <template> - <div :class="classObj" class="app-wrapper"> - <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" /> - <sidebar class="sidebar-container" /> - <div :class="{hasTagsView:needTagsView}" class="main-container"> + <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 :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container"> <div :class="{'fixed-header':fixedHeader}"> <navbar /> <tags-view v-if="needTagsView" /> </div> <app-main /> - <right-panel v-if="showSettings"> + <right-panel> <settings /> </right-panel> </div> @@ -20,6 +20,7 @@ import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components' import ResizeMixin from './mixin/ResizeHandler' import { mapState } from 'vuex' +import variables from '@/assets/styles/variables.scss' export default { name: 'Layout', @@ -34,9 +35,10 @@ mixins: [ResizeMixin], computed: { ...mapState({ + theme: state => state.settings.theme, + sideTheme: state => state.settings.sideTheme, sidebar: state => state.app.sidebar, device: state => state.app.device, - showSettings: state => state.settings.showSettings, needTagsView: state => state.settings.tagsView, fixedHeader: state => state.settings.fixedHeader }), @@ -47,6 +49,9 @@ withoutAnimation: this.sidebar.withoutAnimation, mobile: this.device === 'mobile' } + }, + variables() { + return variables; } }, methods: { @@ -88,12 +93,16 @@ top: 0; right: 0; z-index: 9; - width: calc(100% - #{$sideBarWidth}); + width: calc(100% - #{$base-sidebar-width}); transition: width 0.28s; } .hideSidebar .fixed-header { - width: calc(100% - 54px) + width: calc(100% - 54px); + } + + .sidebarHide .fixed-header { + width: 100%; } .mobile .fixed-header { -- Gitblit v1.9.2