#

luxiaotao1123

2024-03-04 e70bd6b169d3ff72619170613db627eb898e8fad

#

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

@@ -17,6 +17,7 @@
const useStyles = createStyles(({ token }) => {
    let dark = token.colorBgBase === '#000';
    return {
        dark: dark,
        layout: {
            overflow: 'hidden',
        },
@@ -53,7 +54,7 @@
    const [mapContainer, setMapContainer] = React.useState(null)

    React.useEffect(() => {
        const player = new Player(mapRef.current);
        const player = new Player(mapRef.current, styles.dark);
        setApp(player.app);
        setMapContainer(player.mapContainer);
        Utils.syncApp(player.app);
@@ -93,8 +94,8 @@
            <Layout className={styles.layout}>
                <Header className={styles.header}>
                    <Row style={{ height: '100%' }}>
                        <Col span={8} style={{ backgroundColor: '#C8C7C5', }}></Col>
                        <Col span={16} style={{ backgroundColor: '#002FA7', }}>
                        <Col span={8} style={{}}></Col>
                        <Col span={16} style={{ backgroundColor: '#3C40C6', }}>
                            <Flex className={styles.flex} gap={'large'} justify={'flex-end'} align={'center'}>
                                <Button onClick={editHandle} size={'large'}><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></Button>
                            </Flex>

 zy-asrs-flow/src/pages/map/player.js

@@ -6,7 +6,7 @@
    constructor(dom, dark) {
        this.darkModel = dark;
        // init
        this.app = generatePixiApp();
        this.app = generatePixiApp(dark);
        dom.appendChild(this.app.view);

        globalThis.__PIXI_APP__ = this.app;
@@ -94,9 +94,9 @@

}

function generatePixiApp() {
function generatePixiApp(dark) {
    const app = new PIXI.Application({
        background: '#F8FAFB',
        background: dark ? '#f1f2f6' : '#f1f2f6',
        antialias: true,
    })
    app.stage.eventMode = 'auto';