From 4dd74c7ec551ec2bba28ec90984087343fbc71cb Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 29 二月 2024 13:36:51 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/index.jsx | 30 +++++++++++++++++++++++++++---
1 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx
index afe4232..a298036 100644
--- a/zy-asrs-flow/src/pages/map/index.jsx
+++ b/zy-asrs-flow/src/pages/map/index.jsx
@@ -1,9 +1,12 @@
import * as React from 'react'
import * as PIXI from 'pixi.js';
import * as TWEEDLE from 'tweedle.js';
+import { Button, message, Modal, Card } from 'antd';
+
const Map = () => {
const map = React.useRef();
+ const [activeMap, setActiveMap] = React.useState('zone')
React.useEffect(() => {
const app = new PIXI.Application({
@@ -25,12 +28,33 @@
}
}, []);
+ console.log(1);
+
return (
<>
- <div
- ref={map}
+ <Card
+ style={{ width: '100%' }}
+ tabList={[
+ {
+ key: 'zone',
+ label: 'zone'
+ }
+ ]}
+ activeTabKey={activeMap}
+ tabBarExtraContent={<Button>鏇村璁剧疆</Button>}
+ onTabChange={(key) => {
+ setActiveMap(key);
+ }}
+ tabProps={{
+ size: 'middle',
+ }}
>
- </div>
+ <div
+ ref={map}
+ >
+ </div>
+ </Card>
+
</>
)
}
--
Gitblit v1.9.1