From 1e3f18ce2230c4dc5cc924afc9f947e183250e17 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期三, 01 十一月 2023 12:09:35 +0800 Subject: [PATCH] !54 update 优化表格列的显示与隐藏小组件 Merge pull request !54 from bestrevens/dev --- src/components/RightToolbar/index.vue | 33 +++++++++++++++++++-------------- 1 files changed, 19 insertions(+), 14 deletions(-) diff --git a/src/components/RightToolbar/index.vue b/src/components/RightToolbar/index.vue index 0f4219f..6be382f 100644 --- a/src/components/RightToolbar/index.vue +++ b/src/components/RightToolbar/index.vue @@ -8,20 +8,22 @@ <el-button circle icon="Refresh" @click="refresh()" /> </el-tooltip> <el-tooltip class="item" effect="dark" content="鏄剧ず/闅愯棌鍒�" placement="top" v-if="columns"> - <el-popover placement="bottom" trigger="click"> - <div class="tree-header">鏄剧ず/闅愯棌鍒�</div> - <el-tree - ref="columnRef" - :data="columns" - show-checkbox - @check="columnChange" - node-key="key" - :props="{ label: 'label', children: 'children' }" - ></el-tree> - <template #reference> - <el-button circle icon="Menu" /> - </template> - </el-popover> + <div class="show-btn"> + <el-popover placement="bottom" trigger="click"> + <div class="tree-header">鏄剧ず/闅愯棌鍒�</div> + <el-tree + ref="columnRef" + :data="columns" + show-checkbox + @check="columnChange" + node-key="key" + :props="{ label: 'label', children: 'children' }" + ></el-tree> + <template #reference> + <el-button circle icon="Menu" /> + </template> + </el-popover> + </div> </el-tooltip> </el-row> </div> @@ -96,4 +98,7 @@ line-height: 24px; text-align: center; } +.show-btn { + margin-left: 12px; +} </style> -- Gitblit v1.9.3