From 8d3f263508b9f2ee6ebf102beca4e6c447629976 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sat, 07 Jun 2025 13:50:30 +0800
Subject: [PATCH] feat: 头部和菜单照ui图进行调整
---
src/page/index/logo.vue | 41 +++++++++++++++++++++++++++++++----------
1 files changed, 31 insertions(+), 10 deletions(-)
diff --git a/src/page/index/logo.vue b/src/page/index/logo.vue
index 652c131..456fa78 100644
--- a/src/page/index/logo.vue
+++ b/src/page/index/logo.vue
@@ -2,18 +2,19 @@
<div class="avue-logo">
<transition name="fade">
<span v-if="getScreen(isCollapse)" class="avue-logo_subtitle" key="0">
- {{ website.logo }}
+<!-- {{ website.logo }}-->
+ <img class="logoImg" src="/img/bg/mainLogo.png" alt=""/>
</span>
</transition>
<transition-group name="fade">
<template v-if="getScreen(!isCollapse)">
<div class="fadeStyle">
- <img class="img" src="/img/bg/mainLogo.png" alt="" width="50%" height="50%" />
- <!-- <span style="font-size: 20px;" key="1">
- {{ this.parentDeptInfo.sysName }}
- </span> -->
-</div>
-
+ <img class="logoImg" src="/img/bg/mainLogo.png" alt=""/>
+ <div class="titleName">综合管理平台</div>
+ <!-- <span style="font-size: 20px;" key="1">
+ {{ this.parentDeptInfo.sysName }}
+ </span> -->
+ </div>
</template>
</transition-group>
</div>
@@ -27,8 +28,7 @@
data() {
return {};
},
- created() {
- },
+ created() {},
computed: {
...mapGetters(['isCollapse']),
...mapGetters(['userInfo']),
@@ -38,7 +38,28 @@
};
</script>
<style scoped lang="scss">
+.avue-logo{
+ box-shadow: none;
+}
+.avue-logo_subtitle{
+ .logoImg{
+ width: 80%;
+ }
+}
.fadeStyle {
-display: flex; align-items: left; gap: 5px; margin: 8px 8px 10px 20px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 5px;
+ .logoImg{
+ width: 50px;
+ height: 20px;
+ }
+ .titleName{
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+ font-weight: 400;
+ font-size: 24px;
+ color: #1C5CFF;
+ }
}
</style>
--
Gitblit v1.9.3