|
|
@@ -8,7 +8,7 @@
|
|
|
<div class="hc-aside-logo-box" @click="logoClick">
|
|
|
<template v-if="appLogoIcon">
|
|
|
<img :src="appLogoIcon" alt="" id="logo-icon">
|
|
|
- <img :src="appLogoName" alt="" id="logo-name" v-if="!isCollapse">
|
|
|
+ <img :src="appLogoName" alt="" id="logo-name" v-show="!isCollapse">
|
|
|
</template>
|
|
|
<div id="logo-icon" v-else></div>
|
|
|
</div>
|
|
|
@@ -126,6 +126,7 @@ onMounted(() => {
|
|
|
setIsCollapse(RoutesName.value)
|
|
|
setInitSocket()
|
|
|
setLogoImageColor()
|
|
|
+ setLogoNameColor(useAppState.getTheme)
|
|
|
})
|
|
|
|
|
|
//监听
|
|
|
@@ -168,6 +169,16 @@ const setLogoImageColor = () => {
|
|
|
setImageColorStyle('logo-icon', AppColor.value?.color)
|
|
|
}
|
|
|
|
|
|
+const setLogoNameColor = (theme) => {
|
|
|
+ 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('logo-name').style.filter = filter;
|
|
|
+ } catch {}
|
|
|
+}
|
|
|
+
|
|
|
//设置折叠
|
|
|
const setIsCollapse = (key) => {
|
|
|
if (key === 'data-fill-wbs') {
|
