From 9d9cb926d2fdd4ba6db1daffdbc6c877a626d813 Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期三, 12 三月 2025 09:13:07 +0800 Subject: [PATCH] dev-init --- src/layout/components/Sidebar/Logo.vue | 46 +++++++++++++++++++++++++--------------------- 1 files changed, 25 insertions(+), 21 deletions(-) diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue index 4e6ec7a..fefa671 100644 --- a/src/layout/components/Sidebar/Logo.vue +++ b/src/layout/components/Sidebar/Logo.vue @@ -1,26 +1,7 @@ -<script setup lang="ts"> -import variables from '@/assets/styles/variables.module.scss' -import logo from '@/assets/logo/logo.png' -import useSettingsStore from '@/store/modules/settings' -import { ComponentInternalInstance } from "vue"; -const { proxy } = getCurrentInstance() as ComponentInternalInstance; - -defineProps({ - collapse: { - type: Boolean, - required: true - } -}) - -const title = ref('RuoYi-Vue-Plus'); -const settingsStore = useSettingsStore(); -const sideTheme = computed(() => settingsStore.sideTheme); -</script> - <template> <div class="sidebar-logo-container" - :class="{ 'collapse': collapse }" + :class="{ collapse: collapse }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }" > <transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in"> @@ -39,6 +20,24 @@ </transition> </div> </template> + +<script setup lang="ts"> +import variables from '@/assets/styles/variables.module.scss'; +import logo from '@/assets/logo/logo.png'; +import useSettingsStore from '@/store/modules/settings'; +const { proxy } = getCurrentInstance() as ComponentInternalInstance; + +defineProps({ + collapse: { + type: Boolean, + required: true + } +}); + +const title = ref('LB-QMS'); +const settingsStore = useSettingsStore(); +const sideTheme = computed(() => settingsStore.sideTheme); +</script> <style lang="scss" scoped> .sidebarLogoFade-enter-active { @@ -77,7 +76,12 @@ font-weight: 600; line-height: 50px; font-size: 14px; - font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; + font-family: + Avenir, + Helvetica Neue, + Arial, + Helvetica, + sans-serif; vertical-align: middle; } } -- Gitblit v1.9.3