From df744014031c57bf69fd1d94767a3c6e07f2ecb8 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 31 十二月 2022 13:20:38 +0800
Subject: [PATCH] 1.横向竖向菜单模式切换功能
---
src/layout/index.vue | 12 ++++++++++--
1 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 58ca9b0..0f9328e 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,8 +1,12 @@
<template>
<div :class="classObj" class="app-wrapper">
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
- <sidebar class="sidebar-container" />
- <div class="main-container">
+ <sidebar
+ :class="$store.state.settings.menuIsHorizontal?'sidebar-container-sideBarWidthIsMenuHorizontal':'sidebar-container'"
+ />
+ <div
+ :class="$store.state.settings.menuIsHorizontal?'main-container-sideBarWidthIsMenuHorizontal': 'main-container'"
+ >
<div :class="{'fixed-header':fixedHeader}">
<navbar />
<tags-view v-if="needTagsView" />
@@ -68,11 +72,15 @@
@import "~@/styles/mixin.scss";
@import "~@/styles/variables.scss";
+//@import "~@/styles/element-variables.scss";
+
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
+ //color: #{$--color-primary};
+ //background: #{$--color-primary};
&.mobile.openSidebar {
position: fixed;
--
Gitblit v1.9.3