From b707e092f786483309fc4dc4fb44debdeed4352f Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 29 二月 2024 13:21:32 +0800
Subject: [PATCH] #
---
zy-asrs-flow/package.json | 3 ++-
zy-asrs-flow/src/pages/map/index.jsx | 36 ++++++++++++++++++++++++++----------
2 files changed, 28 insertions(+), 11 deletions(-)
diff --git a/zy-asrs-flow/package.json b/zy-asrs-flow/package.json
index c295bc0..b8ccea3 100644
--- a/zy-asrs-flow/package.json
+++ b/zy-asrs-flow/package.json
@@ -62,7 +62,8 @@
"rc-util": "^5.38.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-helmet-async": "^1.3.0"
+ "react-helmet-async": "^1.3.0",
+ "tweedle.js": "^2.1.0"
},
"devDependencies": {
"@ant-design/pro-cli": "^3.3.0",
diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx
index cbfa9c0..58590b6 100644
--- a/zy-asrs-flow/src/pages/map/index.jsx
+++ b/zy-asrs-flow/src/pages/map/index.jsx
@@ -1,11 +1,27 @@
-import ProSkeleton from '@ant-design/pro-skeleton';
+import * as React from 'react'
+import * as PIXI from 'pixi.js';
+import * as TWEEDLE from 'tweedle.js';
-export default () => (
- <div
- style={{
- padding: 24,
- }}
- >
- <ProSkeleton type="list" />
- </div>
-);
\ No newline at end of file
+const Map = () => {
+ const app = new PIXI.Application({
+ width: window.innerWidth,
+ height: window.innerHeight,
+ antialias: true,
+ })
+
+
+ app.stage.interactive = true;
+ app.stage.hitArea = app.screen;
+
+ globalThis.__PIXI_APP__ = app;
+
+ document.body.appendChild(app.view);
+
+ return (
+ <>
+ <h1>Map</h1>
+ </>
+ )
+}
+
+export default Map;
\ No newline at end of file
--
Gitblit v1.9.1