#

luxiaotao1123

2024-04-03 f2c1551fe516baa81d6b4a2c6bb5efc384e1df22

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import React, { useState, useRef, useEffect } from 'react';
import { Segmented, AutoComplete } from 'antd';
import { FormattedMessage, useIntl } from '@umijs/max';
import { createStyles } from 'antd-style';
import * as Utils from '../utils'
 
const useStyles = createStyles(({ token }) => {
    return {
        floorBox: {
            position: 'absolute',
            left: '50%',
            top: '3%',
            transform: 'translate(-50%, -50%)',
            zIndex: 999
        }
    }
})
 
const MapFloor = (props) => {
    const intl = useIntl();
    const { styles } = useStyles();
 
    const floorChange = (floor) => {
        props.setCurFloor(floor);
    }
 
    return (
        <>
            <div className={styles.floorBox}>
                <Segmented
                    size={'large'}
                    options={props.floorList}
                    value={props.curFloor}
                    onChange={floorChange}
                    style={{
                        opacity: .8
                    }}
                />
            </div>
        </>
    )
}
 
export default MapFloor;