index.jsx
2.77 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/* eslint no-undef: 0 */
/* eslint arrow-parens: 0 */
import React from 'react';
import { enquireScreen } from 'enquire-js';
// import Nav0 from './Nav0';
import Banner0 from './Banner0';
import Content0 from './Content0';
import Content7 from './Content7';
import Content13 from './Content13';
import Content12 from './Content12';
// import Footer0 from './Footer0';
import {
// Nav00DataSource,
Banner00DataSource,
Content00DataSource,
Content70DataSource,
Content130DataSource,
Content120DataSource,
// Footer00DataSource,
} from './data.source.js';
let isMobile;
enquireScreen((b) => {
isMobile = b;
});
const location = window.location;
export default class Home extends React.Component {
constructor(props) {
super(props);
this.state = {
isMobile,
show: !location.port, // 如果不是 dva 2.0 请删除
};
}
componentDidMount() {
// 适配手机屏幕;
enquireScreen((b) => {
this.setState({ isMobile: !!b });
});
// dva 2.0 样式在组件渲染之后动态加载，导致滚动组件不生效；线上不影响；
/* 如果不是 dva 2.0 请删除 start */
if (location.port) {
// 样式 build 时间在 200-300ms 之间;
setTimeout(() => {
this.setState({
show: true,
});
}, 500);
}
/* 如果不是 dva 2.0 请删除 end */
}
render() {
const children = [
// <Nav0
// id="Nav0_0"
// key="Nav0_0"
// dataSource={Nav00DataSource}
// isMobile={this.state.isMobile}
// />,
<Banner0
id="Banner0_0"
key="Banner0_0"
dataSource={Banner00DataSource}
isMobile={this.state.isMobile}
/>,
<Content0
id="Content0_0"
key="Content0_0"
dataSource={Content00DataSource}
isMobile={this.state.isMobile}
/>,
<Content7
id="Content7_0"
key="Content7_0"
dataSource={Content70DataSource}
isMobile={this.state.isMobile}
/>,
<Content13
id="Content13_0"
key="Content13_0"
dataSource={Content130DataSource}
isMobile={this.state.isMobile}
/>,
<Content12
id="Content12_0"
key="Content12_0"
dataSource={Content120DataSource}
isMobile={this.state.isMobile}
/>,
// <Footer0
// id="Footer0_0"
// key="Footer0_0"
// dataSource={Footer00DataSource}
// isMobile={this.state.isMobile}
// />,
];
return (
<div
className="templates-wrapper"
ref={(d) => {
this.dom = d;
}}
>
{/* 如果不是 dva 2.0 替换成 {children} start */}
{this.state.show && children}
{/* 如果不是 dva 2.0 替换成 {children} end */}
</div>
);
}
}