Skip to content

Fuse主题配置组件

组件说明

本组件用于配置Fuse主题。组件内部集成了组件统一设计规范,theme配置与ant-design的ConfigProvider组件属性一致

TIP

组件仍然支持传入项目需要的主题配置,并且优先级 高于 组件内部的主题配置。

代码演示

// App.vue
<script>
import { FusedThemeConfig } from '@middle-design-center/fuse-design-vue'
</script>
<template>
  <FusedThemeConfig :theme="theme“> // [!code highlight]
    <Button />
  </FusedThemeConfig>
</template>

API说明

属性名类型默认值说明
themeobject{}主题配置
theme.tokenobject{}主题token配置
theme.componentsobject{}主题components配置
theme.algorithmobject{}主题algorithm配置
theme.inheritobject{}主题inherit配置