|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="navbar">
|
|
|
|
|
<hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
|
<hamburger :fill="iconColor" id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
|
<div style="float: left;line-height: 50px;">{{title}}</div>
|
|
|
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav && false" />
|
|
|
|
|
<top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
|
|
|
|
@ -9,10 +9,10 @@
|
|
|
|
|
<template v-if="appStore.device !== 'mobile'">
|
|
|
|
|
<header-search id="header-search" class="right-menu-item" />
|
|
|
|
|
<el-tooltip content="显示大屏" effect="dark" placement="bottom">
|
|
|
|
|
<i-tv class="right-menu-item" theme="outline" size="24" fill="#FFFFFF"/>
|
|
|
|
|
<i-tv class="right-menu-item" theme="outline" size="24" :fill="iconColor"/>
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
<div class="right-menu-item">
|
|
|
|
|
<i-remind theme="outline" size="22" fill="#FFFFFF"/>
|
|
|
|
|
<i-remind theme="outline" size="22" :fill="iconColor"/>
|
|
|
|
|
</div>
|
|
|
|
|
<el-tooltip v-if="false" content="源码地址" effect="dark" placement="bottom">
|
|
|
|
|
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
|
|
@ -49,7 +49,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
<div class="right-menu-item" v-else>
|
|
|
|
|
<i-me theme="outline" size="24" fill="#FFF"/>
|
|
|
|
|
<i-me theme="outline" size="24" :fill="iconColor"/>
|
|
|
|
|
<div style="margin-left: 3px">{{userStore.name}}</div>
|
|
|
|
|
<div @click="logout" class="logout-button">
|
|
|
|
|
退出
|
|
|
|
@ -74,11 +74,14 @@ import useAppStore from '@/store/modules/app'
|
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
|
import useSettingsStore from '@/store/modules/settings'
|
|
|
|
|
import defaultSettings from "@/settings.js";
|
|
|
|
|
import {findTextColor} from "@/utils/ruoyi.js";
|
|
|
|
|
|
|
|
|
|
const appStore = useAppStore()
|
|
|
|
|
const userStore = useUserStore()
|
|
|
|
|
const settingsStore = useSettingsStore()
|
|
|
|
|
const title = defaultSettings.title
|
|
|
|
|
const theme = computed(() => settingsStore.theme);
|
|
|
|
|
const iconColor = computed(() => findTextColor(theme.value))
|
|
|
|
|
function toggleSideBar() {
|
|
|
|
|
appStore.toggleSideBar()
|
|
|
|
|
}
|
|
|
|
@ -120,10 +123,9 @@ function setLayout() {
|
|
|
|
|
height: 50px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
background: #fff;
|
|
|
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
|
|
|
background: #567722;
|
|
|
|
|
color: #FFF;
|
|
|
|
|
background: v-bind(theme);
|
|
|
|
|
color: v-bind(iconColor);
|
|
|
|
|
.hamburger-container {
|
|
|
|
|
line-height: 46px;
|
|
|
|
|
height: 100%;
|
|
|
|
@ -166,7 +168,7 @@ function setLayout() {
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
color: v-bind(iconColor);
|
|
|
|
|
vertical-align: text-bottom;
|
|
|
|
|
|
|
|
|
|
&.hover-effect {
|
|
|
|
|