feat: styles

zhangyanling77 · zhangyanling77 · commit adf53a18df3f · 2021-02-22T21:20:19.000+08:00
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Vite App</title>
+  <title>React Visual Editor</title>
 </head>
 <body>
   <div id="root"></div>
diff --git a/src/App.scss b/src/App.scss
@@ -1,5 +1,10 @@
-body {
+@import "./iconfont/iconfont.css";
+
+html, body {
+  height: 100%;
+  width: 100%;
   margin: 0;
+  padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,12 +1,10 @@
-import { useState } from 'react';
+import { ReactVisualEditor } from './packages/ReactVisualEditor';
+import './App.scss';
 
 function App() {
-  const [number, setNumber] = useState(0);
   return (
     <div className="App">
-      <p>{number}</p>
-      <button onClick={() => setNumber(number + 1)}>+</button>
-      <button onClick={() => setNumber(number - 1)}>-</button>
+      <ReactVisualEditor />
     </div>
   )
 }
diff --git a/src/main.tsx b/src/main.tsx
@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
+import 'antd/dist/antd.min.css';
 
 ReactDOM.render(
   <App />,
diff --git a/src/packages/ReactVisualEditor.tsx b/src/packages/ReactVisualEditor.tsx
@@ -0,0 +1,10 @@
+export const ReactVisualEditor: React.FC<{}> = () => {
+  return (
+    <div className="react-visual-editor">
+      <div className="react-visual-editor-menu">menu</div>
+      <div className="react-visual-editor-head">head</div>
+      <div className="react-visual-editor-operator">operator</div>
+      <div className="react-visual-editor-body">body</div>
+    </div>
+  )
+}
