index.tsx 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import * as React from 'react';
  2. import { observer } from 'mobx-react';
  3. import store from './store';
  4. import './style.less';
  5. const WorkbenchApp: React.FC = () => {
  6. const {
  7. state,
  8. init,
  9. reset
  10. } = store;
  11. const {
  12. pageLoading
  13. } = state;
  14. React.useEffect(() => {
  15. init();
  16. return () => reset();
  17. }, []);
  18. return (
  19. <div className='workbench'>
  20. <div className='workbench-top'>
  21. <div className='workbench-top-style'>
  22. <div className='workbench-top-style-welcome'>
  23. <div className='workbench-top-style-welcome-text'>
  24. </div>
  25. <div className='workbench-top-style-welcome-picture'>
  26. </div>
  27. </div>
  28. <div className='workbench-top-style-fast'></div>
  29. </div>
  30. <div className='workbench-top-weather'>
  31. </div>
  32. </div>
  33. <div className='workbench-bottom'></div>
  34. </div>
  35. );
  36. };
  37. export default observer(WorkbenchApp);