From d4475d0e8d36a75980899246202ea420c3fad935 Mon Sep 17 00:00:00 2001 From: abbfun <819589789@qq.com> Date: 星期三, 27 七月 2022 17:05:31 +0800 Subject: [PATCH] 优化表格上右侧工具条(搜索按钮显隐&右侧样式凸出) 无搜索条件时可通过search隐藏搜索按钮,工具条组右侧样式超出5px(相对于底部表格),其父节点gutter代码生成默认10,此处也默认10,使工具组样式左右一致 --- ruoyi-ui/src/layout/index.vue | 10 +++++++--- 1 files changed, 7 insertions(+), 3 deletions(-) diff --git a/ruoyi-ui/src/layout/index.vue b/ruoyi-ui/src/layout/index.vue index 718723e..202cfcd 100644 --- a/ruoyi-ui/src/layout/index.vue +++ b/ruoyi-ui/src/layout/index.vue @@ -1,8 +1,8 @@ <template> <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}"> <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> - <sidebar class="sidebar-container"/> - <div :class="{hasTagsView:needTagsView}" class="main-container"> + <sidebar v-if="!sidebar.hide" class="sidebar-container" /> + <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container"> <div :class="{'fixed-header':fixedHeader}"> <navbar /> <tags-view v-if="needTagsView" /> @@ -98,7 +98,11 @@ } .hideSidebar .fixed-header { - width: calc(100% - 54px) + width: calc(100% - 54px); + } + + .sidebarHide .fixed-header { + width: 100%; } .mobile .fixed-header { -- Gitblit v1.9.2