perf: 💄 Optimize the display effect of the quick operation bar

This commit is contained in:
viarotel 2024-07-25 16:58:01 +08:00
parent 38f854b6db
commit 7b3c4db83a
2 changed files with 13 additions and 2 deletions

View File

@ -16,9 +16,11 @@
<template #default="{ ...slotProps } = {}">
<EleTooltipButton
v-bind="{
text: true,
type: 'default',
content: $t(item.tips || item.label),
circle: true,
plain: true,
borderless: true,
size: 'small',
effect: 'light',
...slotProps,

View File

@ -1,6 +1,10 @@
<template>
<el-tooltip>
<ElButton v-bind="{ ...$props }" @click="emit('click', $event)">
<ElButton
v-bind="{ ...$props }"
:class="{ '!border-none': borderless }"
@click="emit('click', $event)"
>
<slot name="icon"></slot>
<slot></slot>
</ElButton>
@ -13,6 +17,11 @@ import { ElButton } from 'element-plus'
const props = defineProps({
...ElButton.props,
borderless: {
type: Boolean,
default: false,
},
})
const emit = defineEmits(['click'])