feat(界面): 添加刷新按钮并优化全屏对话框样式
在导航栏添加刷新按钮方便用户操作,同时优化全屏对话框的滚动和间距样式
This commit is contained in:
@@ -944,6 +944,14 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-dialog.is-fullscreen {
|
||||||
|
.el-dialog__body {
|
||||||
|
padding: $--spacing-lg;
|
||||||
|
max-height: calc(100vh - 100px);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 抽屉
|
// 抽屉
|
||||||
.el-drawer {
|
.el-drawer {
|
||||||
// background: $--metal-gradient-light;
|
// background: $--metal-gradient-light;
|
||||||
|
|||||||
@@ -11,6 +11,9 @@
|
|||||||
|
|
||||||
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||||
|
|
||||||
|
<div class="right-menu-item hover-effect" @click="refresh" title="刷新">
|
||||||
|
<el-icon class="el-icon-refresh" />
|
||||||
|
</div>
|
||||||
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
|
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">
|
||||||
<size-select id="size-select" class="right-menu-item hover-effect" />
|
<size-select id="size-select" class="right-menu-item hover-effect" />
|
||||||
</el-tooltip> -->
|
</el-tooltip> -->
|
||||||
@@ -86,6 +89,10 @@ export default {
|
|||||||
toggleSideBar() {
|
toggleSideBar() {
|
||||||
this.$store.dispatch('app/toggleSideBar')
|
this.$store.dispatch('app/toggleSideBar')
|
||||||
},
|
},
|
||||||
|
refresh() {
|
||||||
|
window.location.reload(true)
|
||||||
|
// this.$store.dispatch('app/refresh')
|
||||||
|
},
|
||||||
async logout() {
|
async logout() {
|
||||||
this.$confirm('确定注销并退出系统吗?', '提示', {
|
this.$confirm('确定注销并退出系统吗?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
|
|||||||
Reference in New Issue
Block a user