JLNTV_IPD/vue-admin-beautiful
4
0
Fork 0
mirror of https://gitee.com/chu1204505056/vue-admin-beautiful.git synced 2025-04-06 03:58:00 +08:00
Code Issues Projects Releases Wiki Activity

♻ refactor: vab theme

Browse Source
This commit is contained in:
chuzhixin 2022-06-06 19:26:42 +08:00
parent 2228d80f67
commit 87c2080a1c
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/layouts/components/VabThemeBar/index.vue
View File

@ -21,9 +21,9 @@
:visible.sync="drawerVisible" :visible.sync="drawerVisible"
direction="rtl" direction="rtl"
append-to-body 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"> <div class="el-drawer__body">
<el-form ref="form" :model="theme" label-position="top"> <el-form ref="form" :model="theme" label-position="top">
<el-form-item label="主题"> <el-form-item label="主题">
@ -31,8 +31,6 @@
<el-radio-button label="default">默认</el-radio-button> <el-radio-button label="default">默认</el-radio-button>
<el-radio-button label="green">绿荫草场</el-radio-button> <el-radio-button label="green">绿荫草场</el-radio-button>
<el-radio-button label="glory">荣耀典藏</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-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="布局"> <el-form-item label="布局">
@ -53,15 +51,14 @@
<el-radio-button label="false">不开启</el-radio-button> <el-radio-button label="false">不开启</el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </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> </el-form>
</div> </div>
</el-scrollbar> </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> </el-drawer>
</span> </span>
</template> </template>
@ -243,6 +240,15 @@
.el-drawer__body { .el-drawer__body {
padding: 20px; 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>
<style lang="scss"> <style lang="scss">
.el-drawer__wrapper { .el-drawer__wrapper {

2
src/styles/variables.scss
View File

@ -5,7 +5,7 @@
/* stylelint-disable */ /* stylelint-disable */
@charset "utf-8"; @charset "utf-8";
//框架默认主题色 //框架默认主题色
$base-color-default: #5470c6; $base-color-default: #0187fb;
//默认层级 //默认层级
$base-z-index: 999; $base-z-index: 999;
//横向布局纵向布局时菜单背景色 //横向布局纵向布局时菜单背景色