/* eslint no-undef: 0 */
|
/* eslint arrow-parens: 0 */
|
import { enquireScreen } from 'enquire-js';
|
import React from 'react';
|
|
import Banner3 from './Banner3';
|
import Content13 from './Content13';
|
import Content9 from './Content9';
|
import Feature4 from './Feature4';
|
import Feature5 from './Feature5';
|
import FooterComponent from './Footer';
|
import Pricing2 from './Pricing2';
|
|
import {
|
Banner31DataSource,
|
Content130DataSource,
|
Content131DataSource,
|
Content132DataSource,
|
Content90DataSource,
|
Feature40DataSource,
|
Feature50DataSource,
|
Pricing20DataSource,
|
} from './data.source';
|
import './less/antMotionStyle.less';
|
|
let isMobile;
|
enquireScreen((b) => {
|
isMobile = b;
|
});
|
|
const { location = {} } = typeof window !== 'undefined' ? window : {};
|
|
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 = [
|
// <Nav3
|
// id="Nav3_0"
|
// key="Nav3_0"
|
// dataSource={Nav30DataSource}
|
// isMobile={this.state.isMobile}
|
// />,
|
<Banner3
|
id="Banner3_1"
|
key="Banner3_1"
|
dataSource={Banner31DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Content13
|
id="Content13_0"
|
key="Content13_0"
|
dataSource={Content130DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Content9
|
id="Content9_0"
|
key="Content9_0"
|
dataSource={Content90DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Feature4
|
id="Feature4_0"
|
key="Feature4_0"
|
dataSource={Feature40DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Feature5
|
id="Feature5_0"
|
key="Feature5_0"
|
dataSource={Feature50DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Pricing2
|
id="Pricing2_0"
|
key="Pricing2_0"
|
dataSource={Pricing20DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Content13
|
id="Content13_1"
|
key="Content13_1"
|
dataSource={Content131DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
<Content13
|
id="Content13_2"
|
key="Content13_2"
|
dataSource={Content132DataSource}
|
isMobile={this.state.isMobile}
|
/>,
|
// <FooterComponent key="FooterComponent" />,
|
];
|
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>
|
);
|
}
|
}
|
