|
|
|
|
7
|
import { Button } from 'antd';
|
7
|
import { Button } from 'antd';
|
8
|
import { useFullScreen } from './hook';
|
8
|
import { useFullScreen } from './hook';
|
9
|
import Styles from './style.less';
|
9
|
import Styles from './style.less';
|
|
|
10
|
+import SquareBox from '@/components/ScreenBox/SquareBox';
|
10
|
|
11
|
|
11
|
export default (props) => {
|
12
|
export default (props) => {
|
12
|
const { style, isFullScreen, onFullScreen } = useFullScreen();
|
13
|
const { style, isFullScreen, onFullScreen } = useFullScreen();
|
|
|
|
|
24
|
style={style}
|
25
|
style={style}
|
25
|
>
|
26
|
>
|
26
|
<div className={Styles['grail-layout']}>
|
27
|
<div className={Styles['grail-layout']}>
|
27
|
- <div className={Styles['grail-header']}></div>
|
|
|
|
|
28
|
+ <div className={Styles['grail-header']}>
|
|
|
29
|
+ <SquareBox>asdfasdf</SquareBox>
|
|
|
30
|
+ </div>
|
28
|
<div className={Styles['grail-container']}>
|
31
|
<div className={Styles['grail-container']}>
|
29
|
<div className={Styles['grail-left']}></div>
|
32
|
<div className={Styles['grail-left']}></div>
|
30
|
<div className={Styles['grail-content']}></div>
|
33
|
<div className={Styles['grail-content']}></div>
|