From 3bc936191cf6a6994f4be4610f90a95e7a4abcee Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期四, 16 一月 2025 09:46:32 +0800 Subject: [PATCH] 修改字样 --- src/layout/components/Sidebar/Logo.vue | 20 ++++++++++++-------- 1 files changed, 12 insertions(+), 8 deletions(-) diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue index 2774cc8..97c52b7 100644 --- a/src/layout/components/Sidebar/Logo.vue +++ b/src/layout/components/Sidebar/Logo.vue @@ -1,11 +1,11 @@ <template> <div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"> <transition name="sidebarLogoFade"> - <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> + <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" :to="indexPage"> <img v-if="logo" :src="logo" class="sidebar-logo" /> <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1> </router-link> - <router-link v-else key="expand" class="sidebar-logo-link" to="/"> + <router-link v-else key="expand" class="sidebar-logo-link" :to="indexPage"> <img v-if="logo" :src="logo" class="sidebar-logo" /> <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1> </router-link> @@ -14,7 +14,8 @@ </template> <script> -import logoImg from '@/assets/logo/logo.png' +import logoImg from '@/assets/logo/logo1.png' +import {mapState} from "vuex"; import variables from '@/assets/styles/variables.scss' export default { @@ -31,11 +32,14 @@ }, sideTheme() { return this.$store.state.settings.sideTheme - } + }, + ...mapState({ + indexPage: state => state.permission.indexPage + }) }, data() { return { - title: process.env.VUE_APP_TITLE, + title: '管理面板', logo: logoImg } } @@ -66,8 +70,8 @@ width: 100%; & .sidebar-logo { - width: 32px; - height: 32px; + width: 38px; + height: 38px; vertical-align: middle; margin-right: 12px; } @@ -78,7 +82,7 @@ color: #fff; font-weight: 600; line-height: 50px; - font-size: 14px; + font-size: 24px; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; vertical-align: middle; } -- Gitblit v1.9.2