111

Author: nullCode666

electron/main/index.ts

@@ -65,7 +65,7 @@ async function createWindow() {
   if (VITE_DEV_SERVER_URL) { // #298
     win.loadURL(VITE_DEV_SERVER_URL)
     // Open devTool if the app is not packaged
-    win.webContents.openDevTools()
+    // win.webContents.openDevTools()
   } else {
     win.loadFile(indexHtml)
   }

package.json

@@ -19,6 +19,7 @@
     "e2e": "playwright test"
   },
   "dependencies": {
+    "@react-login-page/page1": "^1.0.4",
     "antd": "^5.18.0",
     "electron-updater": "^6.1.8",
     "mysql": "^2.18.1"
@@ -32,11 +33,8 @@
     "autoprefixer": "^10.4.18",
     "electron": "^29.1.1",
     "electron-builder": "^24.13.3",
-    "postcss": "^8.4.35",
-    "postcss-import": "^16.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.4.1",
     "typescript": "^5.4.2",
     "vite": "^5.1.5",
     "vite-plugin-electron": "^0.28.4",

postcss.config.cjs

@@ -1,89 +1,22 @@
-import React, { useEffect, useState } from 'react';
-import {
-  MenuFoldOutlined,
-  MenuUnfoldOutlined,
-  UploadOutlined,
-  UserOutlined,
-  VideoCameraOutlined,
-} from '@ant-design/icons';
-import { Button, Layout, Menu, theme } from 'antd';
-import { invokeIpcMethod } from './utils/ipcUtils';
+import React from 'react';
+import LoginPage, { Username, Password, Submit, Title, Logo, Reset } from '@react-login-page/page1';
+import LoginLogo from 'react-login-page/logo';
 
-const { Header, Sider, Content } = Layout;
+const styles = { height: "100vh",width:"100vw" };
 
-const App: React.FC = () => {
-  const [collapsed, setCollapsed] = useState(false);
-  const {
-    token: { colorBgContainer, borderRadiusLG },
-  } = theme.useToken();
+const Demo = () => (
+  <div style={styles}>
+    <LoginPage>
+      <Username name="userUserName" />
+      <Password placeholder="请输入密码" name="userPassword" />
+      <Submit>提交</Submit>
+      <Reset disabled>重置</Reset>
+      <Title />
+      <Logo>
+        <LoginLogo />
+      </Logo>
+    </LoginPage>
+  </div>
+);
 
-  useEffect(() => {
-    const getAreaList=async()=>{
-      const mysql =await invokeIpcMethod("mysqlQuery","SELECT * from tz_basket tb ")
-      console.log(mysql);
-    }
-    getAreaList();
-  }, [])
-
-  return (
-    <Layout>
-      <Button onClick={async () => {
-        const mysql = await invokeIpcMethod('SELECT * from tz_area ta ')
-        console.log(mysql);
-
-      }}>mysql</Button>
-      <Sider trigger={null} collapsible collapsed={collapsed}>
-        <div className="demo-logo-vertical" />
-        <Menu
-          theme="dark"
-          mode="inline"
-          defaultSelectedKeys={['1']}
-          items={[
-            {
-              key: '1',
-              icon: <UserOutlined />,
-              label: 'nav 1',
-            },
-            {
-              key: '2',
-              icon: <VideoCameraOutlined />,
-              label: 'nav 2',
-            },
-            {
-              key: '3',
-              icon: <UploadOutlined />,
-              label: 'nav 3',
-            },
-          ]}
-        />
-      </Sider>
-      <Layout>
-        <Header style={{ padding: 0, background: colorBgContainer }}>
-          <Button
-            type="text"
-            icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
-            onClick={() => setCollapsed(!collapsed)}
-            style={{
-              fontSize: '16px',
-              width: 64,
-              height: 64,
-            }}
-          />
-        </Header>
-        <Content
-          style={{
-            margin: '24px 16px',
-            padding: 24,
-            minHeight: 280,
-            background: colorBgContainer,
-            borderRadius: borderRadiusLG,
-          }}
-        >
-          Content
-        </Content>
-      </Layout>
-    </Layout>
-  );
-};
-
-export default App;
+export default Demo;

src/App.tsx

@@ -1,6 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;

src/index.css

@@ -1,4 +1,4 @@
-/** @type {import('tailwindcss').Config} */
+
 export default {
   content: [
     './index.html',