#

luxiaotao1123

2024-02-29 4dd74c7ec551ec2bba28ec90984087343fbc71cb

#

 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>

        </>
    )
}