smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
YunaiV
2025-11-03 09:46:54 +08:00
parent fe2f8182f1
commit 03d5be1e41
1 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web-ele/src/views/mall/promotion/components/vertical-button-group/index.vue
View File

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