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 | 38 ++++++++++++++++++++++++++++----------
1 files changed, 28 insertions(+), 10 deletions(-)
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 1f1202a..a30d465 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,8 +1,9 @@
<template>
<div :class="{'has-logo':showLogo}">
- <logo v-if="showLogo" :collapse="isCollapse"/>
- <el-scrollbar wrap-class="scrollbar-wrapper" style="margin-top:56px;height: 85%">
+ <logo v-if="showLogo" :collapse="isCollapse" />
+ <div class="layoutLogo" />
+ <el-scrollbar wrap-class="scrollbar-wrapper" class="scrollbarWrapperClass">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
@@ -20,14 +21,14 @@
<!-- :item="route"-->
<!-- :base-path="route.path"-->
<!-- />-->
- <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path"/>
+ <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
</el-menu>
</el-scrollbar>
<div style="position: absolute;bottom: 20px;left: 30px;">
<div>
- <el-button type="text">鏂板嚡杩埗閫燰1.0.01</el-button>
-<!-- <el-button type="text"><a href="http://www.ykxkd.com/" target="_blank">鏂板嚡杩埗閫燰1.0.01</a></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>
@@ -35,15 +36,15 @@
</template>
<script>
-import {mapGetters} from 'vuex'
+import { mapGetters } from 'vuex'
import Logo from './Logo'
import SidebarItem from './SidebarItem'
import variables from '@/styles/variables.scss'
-import {LoginMenu} from '@/api/user'
-import {removeCookie, setCookie} from '@/utils/auth'
+import { LoginMenu } from '@/api/user'
+import { removeCookie, setCookie } from '@/utils/auth'
export default {
- components: {SidebarItem, Logo},
+ components: { SidebarItem, Logo },
data() {
return {
routers: []
@@ -59,7 +60,7 @@
},
activeMenu() {
const route = this.$route
- const {meta, path} = route
+ const { meta, path } = route
// if set path, the sidebar will highlight the path you set
removeCookie('ruleCode')
setCookie('ruleCode', meta.code)// 灏嗙紪鐮佽鍒檆ode瀛樺埌cookie閲岄潰
@@ -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;
@@ -89,6 +106,7 @@
.el-button--text:focus {
color: white;
+
}
#app .sidebar-container .el-submenu .el-menu-item {
--
Gitblit v1.9.3