对齐面包屑的图标和文字

This commit is contained in:
owen 2023-10-02 11:03:46 +08:00
parent 4fddbccea1
commit df8a3941c1
2 changed files with 5 additions and 3 deletions

View File

@ -32,6 +32,7 @@ const getIconifyStyle = computed(() => {
const { color, size } = props
return {
fontSize: `${size}px`,
height: '1em',
color
}
})

View File

@ -52,10 +52,10 @@ export default defineComponent({
return (
<ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
{meta?.icon && breadcrumbIcon.value ? (
<>
<div class="flex items-center">
<Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon>
{t(v?.meta?.title)}
</>
</div>
) : (
t(v?.meta?.title)
)}
@ -114,9 +114,10 @@ $prefix-cls: #{$elNamespace}-breadcrumb;
}
}
}
:deep(&__item):last-child {
.#{$prefix-cls}__inner {
display: flex;
align-items: center;
color: var(--el-text-color-placeholder);
&:hover {