Page3.jsx
1.24 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
import React from 'react';
import QueueAnim from 'rc-queue-anim';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import { Row, Col } from 'antd';
import { page3 } from './data';
export default function Page3() {
const children = page3.map((d, i) => (
<Col span={8} className="col" key={i.toString()}>
<QueueAnim
type="bottom"
className="content-wrapper home-hover"
onClick={() => { window.location.href = '/intro/price '; }}
>
<div key="image" className="image">{d.svg}</div>
<h3 key="h3">{d.title}</h3>
{d.content}
{d.exp && <div className="exp" key="exp">{d.exp}</div>}
</QueueAnim>
</Col>
));
return (
<div className="home-layout-wrapper home-serve-wrapper">
<OverPack className="home-layout" playScale={0.4}>
<QueueAnim className="home-serve" type="bottom" key="home-func" ease="easeOutQuart" leaveReverse>
<h2 key="h2">服务方案</h2>
<i key="i" className="line" />
<QueueAnim
key="content"
component={Row}
type="bottom"
componentProps={{ gutter: 96 }}
>
{children}
</QueueAnim>
</QueueAnim>
</OverPack>
</div>);
}