This commit is contained in:
hzz 2024-04-02 10:55:01 +08:00
parent 7ce173dc2f
commit 1e4828f4e9
5 changed files with 14 additions and 11 deletions

BIN
src/assets/logo/goat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -1,13 +1,16 @@
<template>
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<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="/">
<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>
<!-- <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="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }}</h1>
<h1 class="sidebar-title"
:style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{
title }}</h1>
</router-link>
</transition>
</div>
@ -15,7 +18,7 @@
<script setup>
import variables from '@/assets/styles/variables.module.scss'
import logo from '@/assets/logo/logo.png'
import logo from '@/assets/logo/goat.png'
import useSettingsStore from '@/store/modules/settings'
defineProps({
@ -25,7 +28,7 @@ defineProps({
}
})
const title = ref('物联管理系统');
const title = import.meta.env.VITE_APP_TITLE;
const settingsStore = useSettingsStore();
const sideTheme = computed(() => settingsStore.sideTheme);
</script>
@ -52,10 +55,10 @@ const sideTheme = computed(() => settingsStore.sideTheme);
& .sidebar-logo-link {
height: 100%;
width: 100%;
background-color: #fff;
& .sidebar-logo {
width: 32px;
height: 32px;
width: 80%;
vertical-align: middle;
margin-right: 12px;
}

View File

@ -9,12 +9,12 @@
-->
<template>
<div class="app-container home">
<div class="title"> 物联大屏管理系统</div>
<div class="title"> {{title}}</div>
</div>
</template>
<script setup name="Index">
let title = import.meta.env.VITE_APP_TITLE;
</script>
<style scoped lang="scss">

View File

@ -1,7 +1,7 @@
<template>
<div class="login">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">大屏后台管理系统</h3>
<h3 class="title">再登物联管理系统</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
@ -59,7 +59,7 @@
</el-form>
<!-- 底部 -->
<div class="el-login-footer">
<span>Copyright © 2018-2022 GOATS All Rights Reserved.</span>
<span>Copyright © 天津市再登软件有限公司 版权所有</span>
</div>
</div>
</template>