fix: breadcrumb style is affected by the globally-imported antd styles (#5627)
* 修复全局引入Antd时,面包屑的样式会受到影响的问题
This commit is contained in:
parent
86ce65e0ea
commit
0e0661fe02
@ -17,6 +17,23 @@ const emit = defineEmits<{ select: [string] }>();
|
|||||||
const forward = useForwardPropsEmits(props, emit);
|
const forward = useForwardPropsEmits(props, emit);
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<Breadcrumb v-if="styleType === 'normal'" v-bind="forward" />
|
<Breadcrumb
|
||||||
<BreadcrumbBackground v-if="styleType === 'background'" v-bind="forward" />
|
v-if="styleType === 'normal'"
|
||||||
|
v-bind="forward"
|
||||||
|
class="vben-breadcrumb"
|
||||||
|
/>
|
||||||
|
<BreadcrumbBackground
|
||||||
|
v-if="styleType === 'background'"
|
||||||
|
v-bind="forward"
|
||||||
|
class="vben-breadcrumb"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
/** 修复全局引入Antd时,ol和ul的默认样式会被修改的问题 */
|
||||||
|
.vben-breadcrumb {
|
||||||
|
:deep(ol),
|
||||||
|
:deep(ul) {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user