From 32ec691abab0c837f34ce2c4908a40a10b9dbec7 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 29 七月 2022 17:20:15 +0800
Subject: [PATCH] 1.优化项目2.综合看板静态页面初步实现
---
src/layout/components/Sidebar/index.vue | 27 ++++++++++++++++++++++++---
1 files changed, 24 insertions(+), 3 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index f7f507e..f8dfb86 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -2,7 +2,8 @@
<div :class="{'has-logo':showLogo}">
<logo v-if="showLogo" :collapse="isCollapse" />
- <el-scrollbar wrap-class="scrollbar-wrapper" style="margin-top:56px;height: 85%">
+ <div class="layoutLogo" />
+ <el-scrollbar wrap-class="scrollbar-wrapper" class="scrollbarWrapperClass">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
@@ -26,7 +27,8 @@
</el-scrollbar>
<div style="position: absolute;bottom: 20px;left: 30px;">
<div>
- <el-button type="text">鏂板嚡杩埗閫燰1.0.01</el-button>
+ <el-button type="text" style="font-size: 14px;cursor: pointer">鏂板嚡杩埗閫燰1.0.01</el-button>
+ <!-- <el-button type="text"><a href="http://www.ykxkd.com/" target="_blank">鏂板嚡杩埗閫燰1.0.01</a></el-button>-->
</div>
</div>
@@ -81,13 +83,32 @@
</script>
<style lang="scss">
$main_color: #42b983;
+
+.layoutLogo{
+ position: absolute;
+ top: 5px;
+ z-index:10;
+ left: 5px;
+ width: 200px;
+ height: 90px;
+ background:url("../../../assets/images/layout_logo.png") no-repeat;
+}
+
+.scrollbarWrapperClass{
+ margin-top:90px;
+ height: 85%;
+}
+
.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
color: white;
font-size: 18px;
}
-.el-button--text:focus{
+
+.el-button--text:focus {
color: white;
+
}
+
#app .sidebar-container .el-submenu .el-menu-item {
background-color: transparent !important;
}
--
Gitblit v1.9.3