2.引入Ant Design v5 和 修改主题

标签：App 主题 Ant Design v5 import antd css

安装 antd ： npm install antd【版本：5.2.2】

自定义主题：     V5版本和之前的版本不一样，这里是通过ConfigProvider中传入 theme，可以配置主题 【官网实现方式】 App.js 文件如下【其它文件都暂时不动，可以看到button和主题的变化】

import React from 'react'
import { ConfigProvider } from 'antd'
import 'antd/dist/reset.css'
import './App.css';


function App() {
  return (
      <ConfigProvider
          theme={{
            token: {
              colorPrimary: '#00b96b',
            },
          }}
      >
        <div className="App">
            <Button type="primary">Button</Button>
        </div>
      </ConfigProvider>
  );
}


export default App;

 

标签：App,主题,Ant,Design,v5,import,antd,css
From： https://www.cnblogs.com/guo-s/p/17150831.html