xx

ex-ant/src/App.js

@@ -1,16 +1,10 @@
-/*
- * @Author: chenxuan
- * @Date: 2022-08-26 15:15:56
- * @LastEditTime: 2022-08-26 15:39:52
- * @LastEditors: chenxuan
- */
-import Ant from './components/ant'
-import './App.css';
 
+import './App.css';
+import Antd from './components/antd';
 function App() {
   return (
     <div className="App">
-      <Ant></Ant>
+      <Antd></Antd>
     </div>
   );
 }

ex-ant/src/components/ant.jsx

@@ -1,40 +0,0 @@
-/*
- * @Author: chenxuan
- * @Date: 2022-08-26 15:29:58
- * @LastEditTime: 2022-08-26 15:42:32
- * @LastEditors: chenxuan
- */
-import React,{Component} from "react";
-import {Button,version, Tooltip} from 'antd';
-import { SearchOutlined } from '@ant-design/icons';
-class Ant extends Component{
-    render(){
-        return (
-            <div>
-                <h1>版本号：{version}</h1>
-                <Tooltip title="search">
-                    <Button type="primary" shape="circle" icon={<SearchOutlined />} />
-                </Tooltip>
-                <Button type="primary" shape="circle">
-                    A
-                </Button>
-                <Button type="primary" icon={<SearchOutlined />}>
-                    Search
-                </Button>
-                <Tooltip title="search">
-                    <Button shape="circle" icon={<SearchOutlined />} />
-                </Tooltip>
-                <Button icon={<SearchOutlined />}>Search</Button>
-                <br />
-                <Tooltip title="search">
-                    <Button shape="circle" icon={<SearchOutlined />} />
-                </Tooltip>
-                <Button icon={<SearchOutlined />}>Search</Button>
-                <Tooltip title="search">
-                    <Button type="dashed" shape="circle" icon={<SearchOutlined />} />
-                </Tooltip>
-            </div>
-        )
-    }
-}
-export default Ant

ex-ant/src/components/antd.jsx

@@ -0,0 +1,24 @@
+/*
+ * @Author: chenxuan
+ * @Date: 2022-08-26 16:21:13
+ * @LastEditTime: 2022-08-26 16:27:34
+ * @LastEditors: chenxuan
+ */
+import React from 'react'
+import { Button } from 'antd';
+class Antd extends React.Component{
+    render(){
+        return (
+            <div>
+                <h1>ANTD</h1>
+                <Button type="primary">Primary Button</Button>
+                <Button>Default Button</Button>
+                <Button type="dashed">Dashed Button</Button>
+                <br />
+                <Button type="text">Text Button</Button>
+                <Button type="link">Link Button</Button>
+            </div>
+        )
+    }
+}
+export default Antd

ex-ant/src/index.js

@@ -1,12 +1,7 @@
-/*
- * @Author: chenxuan
- * @Date: 2022-08-26 15:15:56
- * @LastEditTime: 2022-08-26 15:33:42
- * @LastEditors: chenxuan
- */
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import 'antd/dist/antd.css';
+
+import 'antd/dist/antd.min.css';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
@@ -17,4 +12,8 @@ root.render(
     <App />
   </React.StrictMode>
 );
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 reportWebVitals();