feat:【ele】【mall】diy-editor 的 vertical-button-group 使用 tailwindcss 简化 style

This commit is contained in:
YunaiV
2025-11-03 09:46:54 +08:00
parent fe2f8182f1
commit 03d5be1e41

View File

@@ -9,17 +9,12 @@ defineOptions({ name: 'VerticalButtonGroup' });
</script>
<template>
<ElButtonGroup v-bind="$attrs">
<ElButtonGroup v-bind="$attrs" class="!inline-flex !flex-col">
<slot></slot>
</ElButtonGroup>
</template>
<style scoped lang="scss">
.el-button-group {
display: inline-flex;
flex-direction: column;
}
.el-button-group > :deep(.el-button:first-child) {
border-bottom-color: var(--el-button-divide-border-color);
border-top-right-radius: var(--el-border-radius-base);