From d33eacc1f85ac3a736b33ba4713a19aae466d711 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 05 八月 2022 16:42:53 +0800
Subject: [PATCH] 1.做适应平板显示的内容大小
---
src/layout/components/Sidebar/index.vue | 19 ++++++++++++++++++-
1 files changed, 18 insertions(+), 1 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index c6baec2..a30d465 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"
@@ -82,6 +83,22 @@
</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: calc(85% - 45px) !important;
+}
+
.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;
--
Gitblit v1.9.3