This commit is contained in:
熊丽君
2022-02-24 13:48:57 +08:00
parent 66f401a07a
commit d9ed341af9
5 changed files with 49 additions and 14 deletions

View File

@ -1,5 +1,5 @@
# 页面标题
VITE_APP_TITLE = xxx管理系统
VITE_APP_TITLE = 1管理系统
# 开发环境配置
VITE_APP_ENV = 'development'

View File

@ -1,5 +1,5 @@
# 页面标题
VITE_APP_TITLE = xxx管理系统
VITE_APP_TITLE = 2xxx管理系统
# 生产环境配置
VITE_APP_ENV = 'production'

View File

@ -1,5 +1,5 @@
# 页面标题
VITE_APP_TITLE = xxx管理系统
VITE_APP_TITLE = 3管理系统
# 生产环境配置
VITE_APP_ENV = 'staging'

View File

@ -11,7 +11,7 @@
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=35a871e5905ecfd749bd998448b9cd03&plugin=AMap.DistrictSearch"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<title>xxx管理系统</title>
<title>中国科学院</title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
<style>
html,

View File

@ -1,30 +1,65 @@
<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="/">
<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>
</template>
<script setup>
import variables from '@/assets/styles/variables.module.scss'
import logo from '@/assets/logo/logo.png'
import variables from "@/assets/styles/variables.module.scss";
import logo from "@/assets/logo/logo.png";
defineProps({
collapse: {
type: Boolean,
required: true
}
})
required: true,
},
});
const title = ref('xxx管理系统');
const title = ref("这是xx管理系统");
const store = useStore();
const sideTheme = computed(() => store.state.settings.sideTheme);
</script>