root.js
1.05 KB
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
45
46
import 'babel-polyfill'
import React,{ Component } from 'react'
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import { Carousel } from 'antd';
import '../css/style.css'
import SearchAlarm from './components/searchAlarm'
class Root extends Component {
render() {
// 公网
// http://40.76.11.95:8888/tcplayer.html?id=2200001201000701
// 内网
// http://192.168.10.9:8888/tcplayer.html?id=2200001201000053
// 20200601
// http://40.76.11.95:8888/tcplayer.html?id=2200001201001001
return (
<Carousel effect="fade" style={{
color: 'white',
fontSize:'30px',
height:'100%',
width:'100%'
}}>
<div>
<div style={{
height:'calc(100% - 30px)'
}}>
<SearchAlarm />
</div>
</div>
<div>
<div style={{
height:'calc(100% - 30px)'
}}>
<iframe style={{border:0,width:"100%",height:"100%"}} src="http://40.76.11.95:8888/tcplayer.html?id=2200001201001001"/>
</div>
</div>
</Carousel>
);
}
}
ReactDOM.render((
<Root />
), document.getElementById('system'))