!261 对齐面包屑的图标和文字

Merge pull request !261 from 疯狂的世界/dev
This commit is contained in:
芋道源码 2023-10-02 16:00:45 +00:00 committed by Gitee
commit e6ee0ab445
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
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 {