对齐面包屑的图标和文字
This commit is contained in:
parent
588ce1c9ae
commit
4c077711a1
@ -32,6 +32,7 @@ const getIconifyStyle = computed(() => {
|
|||||||
const { color, size } = props
|
const { color, size } = props
|
||||||
return {
|
return {
|
||||||
fontSize: `${size}px`,
|
fontSize: `${size}px`,
|
||||||
|
height: '1em',
|
||||||
color
|
color
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -52,10 +52,10 @@ export default defineComponent({
|
|||||||
return (
|
return (
|
||||||
<ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
|
<ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
|
||||||
{meta?.icon && breadcrumbIcon.value ? (
|
{meta?.icon && breadcrumbIcon.value ? (
|
||||||
<>
|
<div class="flex items-center">
|
||||||
<Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon>
|
<Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon>
|
||||||
{t(v?.meta?.title)}
|
{t(v?.meta?.title)}
|
||||||
</>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
t(v?.meta?.title)
|
t(v?.meta?.title)
|
||||||
)}
|
)}
|
||||||
@ -114,9 +114,10 @@ $prefix-cls: #{$elNamespace}-breadcrumb;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(&__item):last-child {
|
:deep(&__item):last-child {
|
||||||
.#{$prefix-cls}__inner {
|
.#{$prefix-cls}__inner {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
color: var(--el-text-color-placeholder);
|
color: var(--el-text-color-placeholder);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
Loading…
Reference in New Issue
Block a user