#

luxiaotao1123

2024-02-29 8d1b668cbc378116da744cb4c7b691c2566708ee

#

 zy-asrs-flow/src/pages/map/index.css

@@ -1,4 +1,4 @@
:where(.css-dev-only-do-not-override-o082dn).ant-pro-layout .ant-pro-layout-content {
.ant-pro-layout .ant-pro-layout-content {
    padding-block: 15px;
    padding-inline: 20px;
    padding-inline: 15px;
}

 zy-asrs-flow/src/pages/map/index.jsx

@@ -9,9 +9,10 @@
    const [activeMap, setActiveMap] = React.useState('zone')

    React.useEffect(() => {
        console.log(map.current);
        const app = new PIXI.Application({
            width: window.innerWidth,
            height: window.innerHeight,
            // width: window.innerWidth,
            // height: window.innerHeight,
            background: '#1099bb',
            antialias: true,
        })
@@ -22,18 +23,16 @@
        globalThis.__PIXI_APP__ = app;

        map.current.appendChild(app.view);

    
        return () => {
            app.destroy(true, true);
        }
    }, []);

    console.log(1);

    return (
        <>
            <Card
                style={{ width: '100%', height: '100%' }}
                style={{ width: '100%', height: 'calc(100vh - 100px)' }}
                tabList={[
                    {
                        key: 'zone',
@@ -50,11 +49,11 @@
                }}
            >
                <div
                    style={{ width: '100%', height: '100%' }}
                    ref={map}
                >
                </div>
            </Card>

        </>
    )
}