From 87c2080a1cb4fddada5fef6ea659ff55742aa9b4 Mon Sep 17 00:00:00 2001
From: chuzhixin <1204505056@qq.com>
Date: Mon, 6 Jun 2022 19:26:42 +0800
Subject: [PATCH] =?UTF-8?q?=20=E2=99=BB=20refactor:=20vab=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/VabThemeBar/index.vue | 26 ++++++++++++--------
 src/styles/variables.scss                    |  2 +-
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/layouts/components/VabThemeBar/index.vue b/src/layouts/components/VabThemeBar/index.vue
index 3598fbd..cdb693b 100644
--- a/src/layouts/components/VabThemeBar/index.vue
+++ b/src/layouts/components/VabThemeBar/index.vue
@@ -21,9 +21,9 @@
       :visible.sync="drawerVisible"
       direction="rtl"
       append-to-body
-      size="470px"
+      size="300px"
     >
-      <el-scrollbar style="height: 94vh; overflow: hidden">
+      <el-scrollbar style="height: 80vh; overflow: hidden">
         <div class="el-drawer__body">
           <el-form ref="form" :model="theme" label-position="top">
             <el-form-item label="主题">
@@ -31,8 +31,6 @@
                 <el-radio-button label="default">默认</el-radio-button>
                 <el-radio-button label="green">绿荫草场</el-radio-button>
                 <el-radio-button label="glory">荣耀典藏</el-radio-button>
-                <!-- <el-radio-button label="orean">海洋之心</el-radio-button>
-                <el-radio-button label="red">月上重火</el-radio-button> -->
               </el-radio-group>
             </el-form-item>
             <el-form-item label="布局">
@@ -53,15 +51,14 @@
                 <el-radio-button label="false">不开启</el-radio-button>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="操作">
-              <el-button type="primary" @click="handleSaveTheme">
-                保存
-              </el-button>
-              <el-button type="" @click="drawerVisible = false">取消</el-button>
-            </el-form-item>
           </el-form>
         </div>
       </el-scrollbar>
+
+      <div class="el-drawer__footer">
+        <el-button type="primary" @click="handleSaveTheme">保存</el-button>
+        <el-button type="" @click="drawerVisible = false">取消</el-button>
+      </div>
     </el-drawer>
   </span>
 </template>
@@ -243,6 +240,15 @@
   .el-drawer__body {
     padding: 20px;
   }
+
+  .el-drawer__footer {
+    border-top: 1px solid #dedede;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 10px 0 0 20px;
+    height: 50px;
+  }
 </style>
 <style lang="scss">
   .el-drawer__wrapper {
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index a1c59e1..8fb2e9f 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -5,7 +5,7 @@
 /* stylelint-disable */
 @charset "utf-8";
 //框架默认主题色
-$base-color-default: #5470c6;
+$base-color-default: #0187fb;
 //默认层级
 $base-z-index: 999;
 //横向布局纵向布局时菜单背景色