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

安装 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;

  整个项目已经开发完成,包括前后台,需要源码的可以联系: 微信号:guos_123 [添加请注明来意]