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 | 30 +++++++++++++++++++++++++++---
1 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 32f68d3..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"
@@ -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>
@@ -39,6 +41,7 @@
import SidebarItem from './SidebarItem'
import variables from '@/styles/variables.scss'
import { LoginMenu } from '@/api/user'
+import { removeCookie, setCookie } from '@/utils/auth'
export default {
components: { SidebarItem, Logo },
@@ -59,6 +62,8 @@
const route = this.$route
const { meta, path } = route
// if set path, the sidebar will highlight the path you set
+ removeCookie('ruleCode')
+ setCookie('ruleCode', meta.code)// 灏嗙紪鐮佽鍒檆ode瀛樺埌cookie閲岄潰
if (meta.activeMenu) {
return meta.activeMenu
}
@@ -78,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: 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;
}
-.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