Commit 4daf30a8 by 孙美琪

菜单颜色修改、logo修改

parent e8f5b94f
......@@ -64,25 +64,31 @@ watch(
layout !== 'classic' ? `${prefixCls}__Top` : '',
'flex !h-[var(--logo-height)] items-center cursor-pointer pl-8px relative decoration-none overflow-hidden'
]"
style="display: flex; align-items: center; justify-content: center"
to="/"
>
<img
class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
src="@/assets/imgs/logo.png"
src="@/assets/imgs/xjjt-logo.png"
style="margin-right: 12px;"
/>
<div
v-if="show"
:class="[
'ml-10px text-16px font-700',
{
'text-[var(--logo-title-text-color)]': layout === 'classic',
'text-[var(--top-header-text-color)]':
layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'
}
]"
>
{{ title }}
</div>
<img
class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
src="@/assets/imgs/nscc-logo.png"
/>
<!-- <div-->
<!-- v-if="show"-->
<!-- :class="[-->
<!-- 'ml-10px text-16px font-700',-->
<!-- {-->
<!-- 'text-[var(&#45;&#45;logo-title-text-color)]': layout === 'classic',-->
<!-- 'text-[var(&#45;&#45;top-header-text-color)]':-->
<!-- layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'-->
<!-- }-->
<!-- ]"-->
<!-- >-->
<!-- {{ title }}-->
<!-- </div>-->
</router-link>
</div>
</template>
......@@ -51,6 +51,7 @@ const hasTenantVisitPermission = computed(
export default defineComponent({
name: 'ToolHeader',
setup() {
//73 {hasTenantVisitPermission.value ? <TenantVisit /> : undefined}
return () => (
<div
id={`${variables.namespace}-tool-header`}
......@@ -69,7 +70,7 @@ export default defineComponent({
</div>
) : undefined}
<div class="h-full flex items-center">
{hasTenantVisitPermission.value ? <TenantVisit /> : undefined}
{hasTenantVisitPermission.value ? undefined : undefined}
{screenfull.value ? (
<Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
) : undefined}
......
......@@ -54,11 +54,11 @@ export const useAppStore = defineStore('app', {
collapse: false, // 折叠菜单
uniqueOpened: true, // 是否只保持一个子菜单的展开
hamburger: true, // 折叠图标
screenfull: true, // 全屏图标
search: true, // 搜索图标
size: true, // 尺寸图标
locale: true, // 多语言图标
message: true, // 消息图标
screenfull: false, // 全屏图标
search: false, // 搜索图标
size: false, // 尺寸图标
locale: false, // 多语言图标
message: false, // 消息图标
tagsView: true, // 标签页
tagsViewImmerse: false, // 标签页沉浸
tagsViewIcon: true, // 是否显示标签图标
......@@ -77,19 +77,19 @@ export const useAppStore = defineStore('app', {
// 左侧菜单边框颜色
leftMenuBorderColor: 'inherit',
// 左侧菜单背景颜色
leftMenuBgColor: '#001529',
leftMenuBgColor: '#ffffff',
// 左侧菜单浅色背景颜色
leftMenuBgLightColor: '#0f2438',
leftMenuBgLightColor: '#ffffff',
// 左侧菜单选中背景颜色
leftMenuBgActiveColor: 'var(--el-color-primary)',
leftMenuBgActiveColor: 'transparent',
// 左侧菜单收起选中背景颜色
leftMenuCollapseBgActiveColor: 'var(--el-color-primary)',
// 左侧菜单字体颜色
leftMenuTextColor: '#bfcbd9',
leftMenuTextColor: '#000',
// 左侧菜单选中字体颜色
leftMenuTextActiveColor: '#fff',
leftMenuTextActiveColor: '#409eff',
// logo字体颜色
logoTitleTextColor: '#fff',
logoTitleTextColor: '#000',
// logo边框颜色
logoBorderColor: 'inherit',
// 头部背景颜色
......
......@@ -5,15 +5,15 @@
--left-menu-min-width: 64px;
--left-menu-bg-color: #001529;
--left-menu-bg-color: #ffffff;
--left-menu-bg-light-color: #0f2438;
--left-menu-bg-active-color: var(--el-color-primary);
--left-menu-bg-active-color: transparent;
--left-menu-text-color: #bfcbd9;
--left-menu-text-color: #000000;
--left-menu-text-active-color: #fff;
--left-menu-text-active-color: #409eff;
--left-menu-collapse-bg-active-color: var(--el-color-primary);
/* left menu end */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment