tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #167 from wlonghaha/master

Browse Source 
chore: 🔨 修改SidebarLogo代码
This commit is contained in:
Ray Hao
2024-09-21 19:03:05 +08:00
committed by GitHub
parent 867c6f9987 b0a210110d
commit 7a190165c7
1 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/layout/components/Sidebar/components/SidebarLogo.vue
View File

@@ -1,23 +1,19 @@
<template> <template>
<div class="logo-container"> <div class="logo-container">
<transition enter-active-class="animate__animated animate__fadeInLeft"> <transition enter-active-class="animate__animated animate__fadeInLeft">
<router-link v-if="collapse" class="wh-full flex-center" to="/"> <router-link class="wh-full flex-center" to="/" :key="+collapse">
<img v-if="settingsStore.sidebarLogo" :src="logo" class="logo-image" /> <img :src="logo" class="logo-image" />
</router-link> <span class="logo-title" v-if="!collapse">
{{ defaultSettings.title }}
<router-link v-else class="wh-full flex-center" to="/"> </span>
<img v-if="settingsStore.sidebarLogo" :src="logo" class="logo-image" />
<span class="logo-title"> {{ defaultSettings.title }}</span>
</router-link> </router-link>
</transition> </transition>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import logo from "@/assets/logo.png";
import defaultSettings from "@/settings"; import defaultSettings from "@/settings";
import { useSettingsStore } from "@/store";
const settingsStore = useSettingsStore();
defineProps({ defineProps({
collapse: { collapse: {
@@ -25,8 +21,6 @@ defineProps({
required: true, required: true,
}, },
}); });
const logo = ref(new URL(`../../../../assets/logo.png`, import.meta.url).href);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>