2025-09-18

ConfigProvider

一、引入

import { ConfigProvider } from 'antd';

二、作用

1.统一全局配置(主题颜色、国际化、多语言、RTL 布局等)
2.顶层包裹你的应用(一般写在 _app.tsx 或 layout.tsx 里)

三、常用属性

 <ConfigProvider
      theme={{
        token: {
          colorPrimary: '#3ACDD7',
          colorError: '#EE5253',
          fontFamily: 'Apercu, sans-serif ',
        },
      }}
      renderEmpty={() => <TableEmptyState />}
    >
     ...
    </ConfigProvider>

1. theme 主题色
基本使用:

 theme={{
        token: {
          colorPrimary: '#3ACDD7', //主题色
          colorError: '#EE5253', //错误颜色
          fontFamily: 'Apercu, sans-serif ', //字体样式
        },
      }}

2.空态图

renderEmpty={() => <TableEmptyState />}

当某些组件(如 Table、List、Select、Tree 等)没有数据时,就会调用 renderEmpty 渲染你定义的组件,而不是默认的 “暂无数据”。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 数字设计的新篇章:前沿技术与未来趋势 在当今电子产业中,数字设计无疑是最核心的支柱。从智能手机到自动驾驶汽车,从物...
    像蚀刻中的硅阅读 38评论 0 0
  • 最近学习又打乱了,没有很用去做。做什么都是应付,东一下,西一下,为什么呢?因为在做得过程中自己感觉遇到卡点。想去学...
    快乐心静阅读 55评论 0 0
  • 今日体验,车多 在忙也不能忽视每一个客户。认真对待,保证质量 完美交车
    吕志刚l阅读 30评论 0 0
  • 今天是第二次世界大战开始的日子,我也终于开始了一直自以为无法面对的找工作中最困难的填写个人信息和以及整理自己的...
    怂宝阅读 29评论 0 0
  • 刘显:当星星遭遇月亮 星月同辉的壮丽景象,大多存在于童话或想像世界中。现实的夜空,永远是月明星稀,众星捧月...
    许云辉62阅读 111评论 0 0

友情链接更多精彩内容