From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/layout/components/Sidebar/Logo.vue | 50 ++++++++++++++++++++++++++++++++++++++------------
1 files changed, 38 insertions(+), 12 deletions(-)
diff --git a/energy_management_ui/src/layout/components/Sidebar/Logo.vue b/energy_management_ui/src/layout/components/Sidebar/Logo.vue
index 9950cd1..30ddeb0 100644
--- a/energy_management_ui/src/layout/components/Sidebar/Logo.vue
+++ b/energy_management_ui/src/layout/components/Sidebar/Logo.vue
@@ -4,22 +4,29 @@
<router-link
v-if="collapse"
key="expand"
- class="sidebar-logo-link"
+ class="sidebar-logo-link-collapse"
to="/"
>
<div class="collapse-logo">
- <img v-if="logoImg2" :src="logoImg2" style="width: 44px" />
+ <img
+ v-if="logoImg2"
+ :src="logoImg2"
+ style="width: 40px;height: 40px;"
+ />
</div>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
- <img v-if="logo" :src="logo" class="sidebar-logo" />
+ <img v-if="logoImg2" :src="logoImg2" class="sidebar-logo" />
+ {{ title }}
</router-link>
</transition>
</div>
</template>
<script>
-// import logoImg2 from "@/assets/logo/toray_group_icon.png";
+import { title } from "../../../settings";
+
+import logoImg2 from "@/assets/logo/logo.png";
export default {
name: "SidebarLogo",
@@ -31,9 +38,10 @@
},
data() {
return {
- title: "涓滀附鍖荤枟鑳芥簮绠＄悊绯荤粺",
- logo: "https://www.toray.cn/shared/images/toray_logo_ch.svg",
- logoImg2: "https://www.toray.cn/shared/images/toray_logo_ch.svg"
+ title: "缁煎悎鑳芥簮绠＄悊",
+ logoImg2,
+ logo: "https://www.toray.cn/shared/images/toray_logo_ch.svg"
+ // logoImg2: "http://yunlu.com.cn/template/pc/skin/images/index/u21.png"
};
}
};
@@ -54,27 +62,45 @@
width: 100%;
height: 64px;
line-height: 64px;
- background: #16a5b6;
+ background: #001233;
text-align: center;
overflow: hidden;
+ .sidebar-logo-link-collapse {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ width: 100%;
+ .collapse-logo {
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+ height: 100%;
+ width: 100%;
+ }
+ }
& .sidebar-logo-link {
height: 100%;
width: 100%;
+ color: #fff;
+ font-weight: 600;
+ font-size: 20px;
.collapse-logo {
display: flex;
align-items: center;
- height: 100%;
text-align: center;
- width: 100%;
justify-content: center;
+ height: 100%;
+ width: 100%;
}
& .sidebar-logo {
- width: 190px;
+ width: 40px;
vertical-align: middle;
- margin-right: 12px;
+ margin-right: 6px;
}
& .sidebar-title {
--
Gitblit v1.9.3