|
@@ -5,8 +5,8 @@
|
|
|
</div>
|
|
|
<el-aside :width="isCollapse?'100px':'250px'" class="hc-aside-box" :class="[isCollapse?'is-collapse':'']" v-show="MenuBarKey !== 'home-index'">
|
|
|
<div class="hc-aside-logo-box" @click="logoClick">
|
|
|
- <img :src="appLogoIcon" alt="" id="logo-icon">
|
|
|
- <img :src="appLogoName" alt="" id="logo-name" v-if="!isCollapse">
|
|
|
+ <img :src="appLogoIcon" alt="" id="hc-logo-icon">
|
|
|
+ <img :src="appLogoName" alt="" id="hc-logo-name" v-show="!isCollapse">
|
|
|
</div>
|
|
|
<div class="hc-aside-menu-box">
|
|
|
<el-scrollbar>
|
|
@@ -69,7 +69,7 @@ import ConfigBar from "./modules/ConfigBar.vue"
|
|
|
import {initButtons,initProjectContract} from "~sto/app";
|
|
|
import website from '~src/config/index'
|
|
|
import appViewBg from "~src/assets/view/bg.png";
|
|
|
-import {setImageColorStyle} from "js-fast-way";
|
|
|
+import {setImageColor, setImageColorStyle} from "js-fast-way";
|
|
|
import {setAppName} from "~uti/tools";
|
|
|
|
|
|
//初始组合式
|
|
@@ -173,18 +173,21 @@ watch(() => [
|
|
|
|
|
|
//设置Logo图片颜色
|
|
|
const setLogoImageColor = () => {
|
|
|
- setImageColorStyle('logo-icon', AppColor.value?.color)
|
|
|
+ setImageColorStyle('hc-logo-icon', AppColor.value?.color)
|
|
|
}
|
|
|
|
|
|
//设置Logo图片颜色
|
|
|
const setLogoNameColor = (theme) => {
|
|
|
- if (theme === 'dark') {
|
|
|
- setImageColorStyle('logo-name', '#ffffff')
|
|
|
- } else {
|
|
|
- setImageColorStyle('logo-name', '#000000')
|
|
|
- }
|
|
|
+ try {
|
|
|
+ let filter = 'invert(85%) sepia(91%) saturate(0%) hue-rotate(233deg) brightness(114%) contrast(101%)'
|
|
|
+ if (theme === 'light') {
|
|
|
+ filter = 'invert(0%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(107%) contrast(103%)'
|
|
|
+ }
|
|
|
+ document.getElementById('hc-logo-name').style.filter = filter;
|
|
|
+ } catch {}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
//设置折叠
|
|
|
const setIsCollapse = (key) => {
|
|
|
if (key === 'data-fill-wbs') {
|