|
@@ -55,31 +55,33 @@ watch(
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <router-link
|
|
|
- :class="[
|
|
|
- prefixCls,
|
|
|
- layout !== 'classic' ? `${prefixCls}__Top` : '',
|
|
|
- 'flex !h-[var(--logo-height)] items-center cursor-pointer justify-center relative',
|
|
|
- 'dark:bg-[var(--el-bg-color)]'
|
|
|
- ]"
|
|
|
- to="/"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="@/assets/imgs/logo.png"
|
|
|
- class="w-[calc(var(--logo-height)-10px)] h-[calc(var(--logo-height)-10px)]"
|
|
|
- />
|
|
|
- <div
|
|
|
- v-if="show"
|
|
|
+ <div>
|
|
|
+ <router-link
|
|
|
: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'
|
|
|
- }
|
|
|
+ prefixCls,
|
|
|
+ layout !== 'classic' ? `${prefixCls}__Top` : '',
|
|
|
+ 'flex !h-[var(--logo-height)] items-center cursor-pointer justify-center relative',
|
|
|
+ 'dark:bg-[var(--el-bg-color)]'
|
|
|
]"
|
|
|
+ to="/"
|
|
|
>
|
|
|
- {{ title }}
|
|
|
- </div>
|
|
|
- </router-link>
|
|
|
+ <img
|
|
|
+ src="@/assets/imgs/logo.png"
|
|
|
+ class="w-[calc(var(--logo-height)-10px)] h-[calc(var(--logo-height)-10px)]"
|
|
|
+ />
|
|
|
+ <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>
|
|
|
+ </router-link>
|
|
|
+ </div>
|
|
|
</template>
|