feat: 更新描述文档，基本布局

README.md

@@ -1,6 +1,31 @@
 # 有源标靶上位机软件
 
 ## 快速开始
+
 ### 安装
+
 1. 克隆仓库
 
+```bash
+git clone https://gitea.anxinyun.cn/qinjian/FlexometerSetup.git
+```
+
+2. 安装依赖
+
+```bash
+cd FlexometerSetup
+npm install
+```
+
+3. 开发
+
+```bash
+npm run dev
+```
+
+4. 打包应用
+
+```bash
+npm run build:目标平台
+# 目标平台可选：win32, linux, mac详见 package.json
+```

package-lock.json

@@ -1,14 +1,15 @@
 {
-  "name": "electron-app",
+  "name": "FlexometerSetup",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "electron-app",
+      "name": "FlexometerSetup",
       "version": "1.0.0",
       "hasInstallScript": true,
       "dependencies": {
+        "@ant-design/icons": "^5.6.1",
         "@electron-toolkit/preload": "^3.0.2",
         "@electron-toolkit/utils": "^4.0.0",
         "antd": "^5.27.1",

package.json

@@ -18,6 +18,7 @@
     "build:linux": "npm run build && electron-builder --linux"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.6.1",
     "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/utils": "^4.0.0",
     "antd": "^5.27.1",

src/main/index.js

@@ -6,8 +6,8 @@ import icon from '../../resources/icon.png?asset'
 function createWindow() {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
-    width: 900,
-    height: 670,
+    width: 1440,
+    height: 960,
     show: false,
     autoHideMenuBar: true,
     ...(process.platform === 'linux' ? { icon } : {}),

src/renderer/src/App.jsx

@@ -1,17 +1,30 @@
-import { Button } from 'antd'
-function App() {
-  const ipcHandle = () => window.electron.ipcRenderer.send('ping')
-
-  return (
-    <>
-      <div>
-        <h1>Hello Electron + antd!</h1>
-        <Button type="primary" onClick={ipcHandle}>
-          Antd Button send Ping to Main
-        </Button>
-      </div>
-    </>
-  )
+import { Layout } from 'antd'
+const { Sider, Content } = Layout
+const contentStyle = {
+  textAlign: 'center',
+  minHeight: 'calc(100vh - 20px)',
+  color: '#fff',
+  backgroundColor: '#0958d9'
 }
-
+const siderStyle = {
+  textAlign: 'center',
+  color: '#fff',
+  backgroundColor: '#1677ff'
+}
+const layoutStyle = {
+  borderRadius: 8,
+  overflow: 'hidden',
+  width: 'calc(100% - 8px)',
+  maxWidth: 'calc(100% - 8px)'
+}
+const App = () => (
+  <Layout style={layoutStyle}>
+    <Sider width={'20%'} style={siderStyle}>
+      Sider
+    </Sider>
+    <Layout>
+      <Content style={contentStyle}>Content</Content>
+    </Layout>
+  </Layout>
+)
 export default App

src/renderer/src/assets/base.css

@@ -13,8 +13,9 @@ ul {
 body {
   min-height: 100vh;
   color: black;
-  background: white;
+  background: #ebe9e9;
   line-height: 1.6;
+  padding: 10px;
   font-family:
     Inter,
     -apple-system,

src/renderer/src/main.jsx

@@ -2,8 +2,14 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App'
 import 'antd/dist/reset.css'
+import zhCN from 'antd/locale/zh_CN'
+import 'dayjs/locale/zh-cn'
+import { ConfigProvider } from 'antd'
+import './assets/base.css'
 createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
+  <ConfigProvider locale={zhCN}>
+    <StrictMode>
+      <App />
+    </StrictMode>
+  </ConfigProvider>
 )