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
parent
commit
0e0661fe02
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 21
      packages/@core/ui-kit/shadcn-ui/src/components/breadcrumb/breadcrumb-view.vue

21
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>

Loading…
Cancel
Save