| | |
| | | getContainer={props.refCurr} |
| | | rootStyle={{ position: "absolute" }} |
| | | mask={false} |
| | | width={600} |
| | | width={900} |
| | | style={{ |
| | | opacity: 1 |
| | | }} |
| | |
| | | initScene = () => { |
| | | const scene = new THREE.Scene(); |
| | | // scene.background = new THREE.Color(0xf0f0f0); |
| | | // scene.background = new THREE.Color(0x333333); |
| | | scene.background = new THREE.Color(0x333333); |
| | | if (help) { |
| | | scene.add(new THREE.AxesHelper(1000)); |
| | | } |
| | |
| | | |
| | | const useStyles = createStyles(({ token, css }) => { |
| | | return { |
| | | infoBox: { |
| | | height: '100%', |
| | | display: 'flex', |
| | | gap: '0px', |
| | | }, |
| | | threeInfo: { |
| | | height: '100%', |
| | | width: '50%', |
| | | }, |
| | | threeContainer: { |
| | | zIndex: 99, |
| | | width: '500px', |
| | | height: '600px', |
| | | width: '100%', |
| | | height: '688.88px', |
| | | }, |
| | | tableInfo: { |
| | | height: '100%', |
| | | width: '50%', |
| | | } |
| | | } |
| | | }) |
| | | |
| | |
| | | |
| | | return ( |
| | | <> |
| | | <Spin |
| | | spinning={loading} |
| | | indicator={<LoadingOutlined spin />} |
| | | size={'large'} |
| | | > |
| | | <div ref={refContainer} className={styles.threeContainer}></div> |
| | | </Spin> |
| | | <div className={styles.infoBox}> |
| | | <div className={styles.threeInfo}> |
| | | <Spin |
| | | spinning={loading} |
| | | indicator={<LoadingOutlined spin />} |
| | | size={'large'} |
| | | > |
| | | <div ref={refContainer} className={styles.threeContainer}></div> |
| | | </Spin> |
| | | </div> |
| | | <div className={styles.tableInfo}> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | </> |
| | | ) |
| | | } |