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/components/Settings/index.vue | 29 ++++++++++++++++++++++++++---
1 files changed, 26 insertions(+), 3 deletions(-)
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index e0490c9..6d1c54a 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -1,11 +1,34 @@
<template>
<div class="drawer-container">
<div>
- <h3 class="drawer-title">Page style setting</h3>
+ <h3 class="drawer-title">椤圭洰閰嶇疆</h3>
<div class="drawer-item">
- <span>Theme Color</span>
+ <span>涓婚棰滆壊</span>
<theme-picker style="float: right;height: 26px;margin: -3px 8px 0 0;" @change="themeChange" />
+ </div>
+
+ <div class="drawer-item" style="display: flex;justify-content: space-between">
+ <span>澶撮儴棰滆壊</span>
+ <el-switch
+ v-model="$store.state.settings.headBackgroundColorValue"
+ style="display: block"
+ active-color="#304156"
+ inactive-color="#ccc"
+ active-text="娣辫壊"
+ inactive-text="娴呰壊"
+ />
+ </div>
+ <div class="drawer-item" style="display: flex;justify-content: space-between">
+ <span>鑿滃崟妯″紡</span>
+ <el-switch
+ v-model="$store.state.settings.menuIsHorizontal"
+ style="display: block"
+ :active-color="$store.state.settings.theme"
+ inactive-color="#ccc"
+ active-text="妯睆"
+ inactive-text="绔栧睆"
+ />
</div>
<!-- 姝や笁涓姛鑳芥殏鏃朵笉鐢�-->
@@ -92,7 +115,7 @@
.drawer-title {
margin-bottom: 12px;
color: rgba(0, 0, 0, .85);
- font-size: 14px;
+ font-size: 18px;
line-height: 22px;
}
--
Gitblit v1.9.3