Browse Source
fix: breadcrumb style is affected by the globally-imported antd styles (#5627)
* 修复全局引入Antd时,面包屑的样式会受到影响的问题
pull/5628/head
Netfan
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with
19 additions and
2 deletions
-
packages/@core/ui-kit/shadcn-ui/src/components/breadcrumb/breadcrumb-view.vue
|
|
|
@ -17,6 +17,23 @@ const emit = defineEmits<{ select: [string] }>(); |
|
|
|
const forward = useForwardPropsEmits(props, emit); |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<Breadcrumb v-if="styleType === 'normal'" v-bind="forward" /> |
|
|
|
<BreadcrumbBackground v-if="styleType === 'background'" v-bind="forward" /> |
|
|
|
<Breadcrumb |
|
|
|
v-if="styleType === 'normal'" |
|
|
|
v-bind="forward" |
|
|
|
class="vben-breadcrumb" |
|
|
|
/> |
|
|
|
<BreadcrumbBackground |
|
|
|
v-if="styleType === 'background'" |
|
|
|
v-bind="forward" |
|
|
|
class="vben-breadcrumb" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
<style lang="scss" scoped> |
|
|
|
/** 修复全局引入Antd时,ol和ul的默认样式会被修改的问题 */ |
|
|
|
.vben-breadcrumb { |
|
|
|
:deep(ol), |
|
|
|
:deep(ul) { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|