Merge remote-tracking branch 'Winter/master' into fronted_nx

dev
MengJunyi 2020-02-19 11:47:29 +08:00
commit b13b5ccbec
48 changed files with 590 additions and 1746 deletions

File diff suppressed because it is too large Load Diff

View File

@ -58,8 +58,12 @@
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
}
#Banner3_1 .banner3-text-wrapper > .k6bx9qqmas-editor_css {
color: rgb(255, 0, 0);
margin: 100px 100px;
font-size: 35px;
margin: 50px 100px 100px 100px;
padding: 0px 0px 0px 275px;
background: linear-gradient(to right, red,#f97400, blue,#990adb);
-webkit-background-clip: text;
color: transparent;
}
#Banner3_1 .banner3-text-wrapper > .k6bxcnb8hlg-editor_css {
font-family: Tahoma;
@ -124,102 +128,47 @@
#Content3_0 .home-page > .title-wrapper > .k6bz1fy4zto-editor_css {
font-size: 15px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0oc6qv0m-editor_css {
#Feature8_0 .ant-col > .feature8-block-child > .k6rxvzc0seb-editor_css {
font-size: 16px;
padding: 30px;
}
#Feature8_0 div > .ant-row-flex > .k6c0r7negkf-editor_css {
margin: 36px 0px;
padding: 0 60px;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxwi5wuik-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0s91863l-editor_css {
margin: 0px;
padding: 20px;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxwszwjur-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0vx6j656-editor_css {
display: none;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxx2szsa-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0s334dxi-editor_css {
display: none;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxyghtzno-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0x19mrup-editor_css {
display: none;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxyx9aadd-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0y0a2yx-editor_css {
display: none;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxz5lsgkf-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0x9xg18b-editor_css {
font-weight: 300;
color: #404040;
#Feature8_0 .ant-col > .feature8-block-child > .k6rxzt66fnu-editor_css {
font-size: 16px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c10o2f0x-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c12xz3kb-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c0huzztn9-editor_css {
font-size: 20px;
font-weight: 500;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c169bqlul-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c16ctkdmf-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c17cdd2tk-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c17hbe4aq-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c17kho4rt-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c17nnk41k-editor_css {
font-size: 20px;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c18wg896n-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c18yxsvf-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c1dfyt0he-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c1dj5lecd-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c1crpbwn-editor_css {
font-size: 20px;
#Feature8_0 .ant-col > .feature8-block-child > .k6ry1c380kk-editor_css {
font-size: 18px;
text-align: center;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c1dlcixg-editor_css {
font-size: 20px;
#Feature8_0 .ant-col > .feature8-block-child > .k6ry0mq0ks-editor_css {
font-size: 18px;
text-align: center;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2haip0st-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2h8wti1-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2hgg3bfc-editor_css {
font-size: 20px;
#Feature8_0 .ant-col > .feature8-block-child > .k6ry1to1v9g-editor_css {
font-size: 18px;
text-align: center;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2ijput1f-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2ibp6dfh-editor_css {
display: none;
}
#Feature8_0 .ant-col > .feature8-block-child > .k6c2imvlib-editor_css {
font-size: 20px;
#Feature8_0 .ant-col > .feature8-block-child > .k6ry25i9bt9-editor_css {
font-size: 18px;
text-align: center;
}
#Content3_0 .k6c2jyfzwv-editor_css {
border-top-width: 1px;
}
@ -308,4 +257,25 @@
}
#Feature1_2 .ant-row > .ant-col > .k6lyqr8k4ri-editor_css {
font-size: 16px;
}
}
#Feature3_0 .ant-col > .content3-text > .k6rof9gjex-editor_css {
display: inline-block;
}
#Feature3_0 .ant-row > .ant-col > .k6rogje9n6d-editor_css {
text-align: center;
}
#Feature3_0 .ant-col > .content3-text > .k6rog7ap4c-editor_css {
text-align: left;
}
#Feature3_0 .ant-col > .content3-text > .k6rogxj5m3r-editor_css {
text-align: center;
}
#Feature3_0 .ant-col > .content3-text > .k6roi0sr9o-editor_css {
text-align: center;
}
#Feature3_0 .ant-col > .content3-text > .k6roin896g-editor_css {
text-align: center;
}
#Feature3_0 .ant-col > .content3-text > .k6rohgkzazi-editor_css {
text-align: center;
}

View File

@ -0,0 +1,52 @@
@content3: content3;
.@{content3}-wrapper {
min-height: 764px;
.@{content3} {
height: 100%;
overflow: hidden;
& .title-content {
text-align: center;
}
&-block-wrapper {
position: relative;
.@{content3}-block {
display: inline-block;
padding: 48px 24px;
vertical-align: top;
.@{content3}-icon {
display: inline-block;
width: 15%;
vertical-align: top;
}
.@{content3}-text {
width: 85%;
display: inline-block;
padding-left: 8%;
}
&.clear-both {
clear: both;
}
}
}
}
}
@media screen and (max-width: 767px) {
.@{content3}-wrapper {
min-height: 1080px;
.@{content3} {
&-block-wrapper {
margin: 20px auto;
height: auto;
.@{content3}-block {
.@{content3}-title {
font-size: 20px;
}
&.queue-anim-leaving {
position: relative !important;
}
}
}
}
}
}

View File

@ -15,9 +15,9 @@
&-logo {
display: inline-block;
position: relative;
width: 50px;
width: 40px;
line-height: 60px;
line-height: 45px;
& img {
vertical-align: middle;
@ -35,8 +35,8 @@
border-bottom: none;
}
.ant-menu {
line-height: 62px;
height: 64px;
line-height: 50px;
height: 50px;
background: transparent;
a {

View File

@ -20,7 +20,7 @@ import {
Banner31DataSource,
Feature20DataSource,
Feature10DataSource,
Content30DataSource,
Feature30DataSource,
Feature80DataSource,
Feature60DataSource,
Content50DataSource,
@ -92,9 +92,9 @@ export default class Home extends React.Component {
isMobile={this.state.isMobile}
/>,
<Content3
id="Content3_0"
key="Content3_0"
dataSource={Content30DataSource}
id="Feature3_0"
key="Feature3_0"
dataSource={Feature30DataSource}
isMobile={this.state.isMobile}
/>,
<Feature8

View File

@ -1,40 +0,0 @@
import React from 'react';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import QueueAnim from 'rc-queue-anim';
import TweenOne from 'rc-tween-one';
import { Button } from 'antd';
import { getChildrenToRender } from './utils';
class Content11 extends React.PureComponent {
render() {
const { ...props } = this.props;
const { dataSource } = props;
delete props.dataSource;
delete props.isMobile;
return (
<OverPack {...props} {...dataSource.OverPack}>
<QueueAnim
type="bottom"
leaveReverse
key="page"
delay={[0, 100]}
{...dataSource.titleWrapper}
>
{dataSource.titleWrapper.children.map(getChildrenToRender)}
</QueueAnim>
<TweenOne
key="button"
style={{ textAlign: 'center' }}
{...dataSource.button}
animation={{ y: 30, opacity: 0, type: 'from', delay: 300 }}
>
<Button {...dataSource.button.children.a}>
{dataSource.button.children.a.children}
</Button>
</TweenOne>
</OverPack>
);
}
}
export default Content11;

View File

@ -1,41 +0,0 @@
import React from 'react';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import QueueAnim from 'rc-queue-anim';
import { Row, Col } from 'antd';
import { getChildrenToRender } from './utils';
function Feature7(props) {
const { dataSource, isMobile, ...tagProps } = props;
const { blockWrapper, titleWrapper } = dataSource;
const childrenToRender = blockWrapper.children.map((item, i) => (
<Col {...item} key={i.toString()}>
<a {...item.children}>
{item.children.children.map(getChildrenToRender)}
</a>
</Col>
));
return (
<div {...tagProps} {...dataSource.wrapper}>
<div {...dataSource.page}>
<div {...dataSource.titleWrapper}>
{titleWrapper.children.map(getChildrenToRender)}
</div>
<OverPack {...dataSource.OverPack}>
<QueueAnim
key="queue"
type="bottom"
leaveReverse
interval={50}
component={Row}
{...blockWrapper}
>
{childrenToRender}
</QueueAnim>
</OverPack>
</div>
</div>
);
}
export default Feature7;

View File

@ -1,71 +0,0 @@
import React from 'react';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import QueueAnim from 'rc-queue-anim';
import { Row, Col, Button } from 'antd';
import { getChildrenToRender } from './utils';
class Pricing1 extends React.PureComponent {
getChildrenToRender = (item) => {
const {
wrapper,
topWrapper,
name,
buttonWrapper,
line,
content,
money,
} = item.children;
return (
<Col key={item.name} {...item}>
<QueueAnim type="bottom" {...wrapper}>
<div {...topWrapper}>
<div {...name} key="name">
{name.children}
</div>
<h1 {...money} key="money">
{money.children}
</h1>
</div>
<div {...content} key="content">
{content.children}
</div>
<i {...line} key="line" />
<div {...buttonWrapper} key="button">
<Button {...buttonWrapper.children.a} />
</div>
</QueueAnim>
</Col>
);
};
render() {
const { ...props } = this.props;
const { dataSource } = props;
delete props.dataSource;
delete props.isMobile;
const { block } = dataSource;
const childrenToRender = block.children.map(this.getChildrenToRender);
return (
<div {...props} {...dataSource.wrapper}>
<div {...dataSource.page}>
<div key="title" {...dataSource.titleWrapper}>
{dataSource.titleWrapper.children.map(getChildrenToRender)}
</div>
<OverPack {...dataSource.OverPack}>
<QueueAnim
type="bottom"
component={Row}
leaveReverse
ease={['easeOutQuad', 'easeInOutQuad']}
key="content"
>
{childrenToRender}
</QueueAnim>
</OverPack>
</div>
</div>
);
}
}
export default Pricing1;

View File

@ -1,668 +0,0 @@
import React from 'react';
export const Pricing10DataSource = {
wrapper: { className: 'home-page-wrapper pricing1-wrapper' },
page: { className: 'home-page pricing1' },
OverPack: { playScale: 0.3, className: 'pricing1-content-wrapper' },
titleWrapper: {
className: 'pricing1-title-wrapper',
children: [
{
name: 'title',
children: (
<>
<p>协会规划</p>
</>
),
className: 'pricing1-title-h1',
},
],
},
block: {
className: 'pricing1-block-wrapper',
children: [
{
name: 'block0',
className: 'pricing1-block',
md: 8,
xs: 24,
children: {
wrapper: { className: 'pricing1-block-box ' },
topWrapper: { className: 'pricing1-top-wrapper' },
name: {
className: 'pricing1-name',
children: (
<>
<p>
<br />
</p>
</>
),
},
money: {
className: 'pricing1-money k6niku34c3-editor_css',
children: (
<>
<p>公益组织</p>
</>
),
},
content: {
className: 'pricing1-content k6nimnp5as-editor_css',
children:
'E志者协会作为一个公益组织着眼实际立足于电脑电器维修开拓创新积极学习应用前沿知识扎根实践广泛开展校内外志愿服务活动。',
},
line: { className: 'pricing1-line' },
buttonWrapper: {
className: 'pricing1-button-wrapper',
children: {
a: {
className: 'pricing1-button',
href: '/#/ticket',
children: (
<>
<p></p>
</>
),
},
},
},
},
},
{
name: 'block~k6nil20ln5q',
className: 'pricing1-block',
md: 8,
xs: 24,
children: {
wrapper: { className: 'pricing1-block-box ' },
topWrapper: { className: 'pricing1-top-wrapper' },
name: {
className: 'pricing1-name',
children: (
<>
<p>
<br />
</p>
</>
),
},
money: {
className: 'pricing1-money k6ninis0ok-editor_css',
children: (
<>
<p>校内校外</p>
</>
),
},
content: {
className: 'pricing1-content k6niojh3hyf-editor_css',
children:
'E志者协会的公益之路渐行渐宽从校内到校外从服务师生到服务社会群众从一个电器维修小组发展到如今如此规模的志愿者团队。',
},
line: { className: 'pricing1-line' },
buttonWrapper: {
className: 'pricing1-button-wrapper',
children: {
a: {
className: 'pricing1-button',
href: '/#/ticket',
children: (
<>
<p>浙里</p>
</>
),
},
},
},
},
},
{
name: 'block~k6nil2ir9',
className: 'pricing1-block',
md: 8,
xs: 24,
children: {
wrapper: { className: 'pricing1-block-box ' },
topWrapper: { className: 'pricing1-top-wrapper' },
name: {
className: 'pricing1-name',
children: (
<>
<p>
<br />
</p>
</>
),
},
money: {
className: 'pricing1-money k6nip1p7ezh-editor_css',
children: (
<>
<p>初心不忘</p>
</>
),
},
content: {
className: 'pricing1-content k6nipheaxuh-editor_css',
children:
'E志者协会不忘初心在志愿服务精神的传承中开拓进取汲取课堂及课外前沿科学技术之精华以服务社会为己任传播先进公益文化为己负责',
},
line: { className: 'pricing1-line' },
buttonWrapper: {
className: 'pricing1-button-wrapper',
children: {
a: {
className: 'pricing1-button',
href: '/#/ticket',
children: (
<>
<p>出发</p>
</>
),
},
},
},
},
},
],
},
};
export const Feature70DataSource = {
wrapper: { className: 'home-page-wrapper feature7-wrapper' },
page: { className: 'home-page feature7' },
OverPack: { playScale: 0.3 },
titleWrapper: {
className: 'feature7-title-wrapper',
children: [
{
name: 'title',
className: 'feature7-title-h1',
children: (
<>
<p>
协会荣誉<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-title-content',
children: (
<>
<p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; 仅摘取部分展示
</p>
</>
),
},
],
},
blockWrapper: {
className: 'feature7-block-wrapper',
gutter: 24,
children: [
{
md: 6,
xs: 24,
name: 'block1',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2009<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
&nbsp; &nbsp; &nbsp; &nbsp;协会获<b>
浙江省优秀志愿者服务队伍
</b>”荣誉称号<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6uobqcl',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2009<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会获<b>浙江大学十大优秀志愿者服务集体</b>”荣誉称号<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6vxuva',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2009<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
荣获 <b>2009年度浙江大学优秀青年志愿者服务项目</b>”荣誉称号<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6x1h1pp',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2010<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会由<b>一星级社团跃升为三星级社团</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6xikh3',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>2012</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
连续三年协会获评<b>浙江大学学生十佳社团</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6ycl25',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2014<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会荣升为浙江大学<b>四星级社团</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj6z393nb',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>2015</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会入选<b>浙江大学最美公益服务集体</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj70ilku',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2015<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会获<b>社团文化节精品活动二等奖</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj716t4x',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2015<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会获<b>社团精品课程一等奖</b>
<br />
</p>
<p>
<b>
<br />
</b>
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj71z66a',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2015<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会暑期社会实践入选为<b>校级重点社会实践项目</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj72nvlx',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>
2016<br />
</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
<b>协会荣升为浙江大学五星级社团</b>
<br />
</p>
</>
),
},
],
},
},
{
md: 6,
xs: 24,
name: 'block~k6nj73ckswc',
className: 'feature7-block',
children: {
className: 'feature7-block-group k6nj0rhbyb-editor_css',
children: [
{
name: 'title',
className: 'feature7-block-title k6niz26grar-editor_css',
children: (
<>
<p>2016</p>
</>
),
},
{
name: 'content',
className: 'feature7-block-content k6nj3s0akal-editor_css',
children: (
<>
<p>
协会荣获 <b>2015-2016年浙江大学学生示范性社团</b>”<br />
</p>
</>
),
},
],
},
},
],
},
};
export const Content110DataSource = {
OverPack: {
className: 'home-page-wrapper content11-wrapper',
playScale: 0.3,
},
titleWrapper: {
className: 'title-wrapper',
children: [
{
name: 'image',
children:
'https://gw.alipayobjects.com/zos/rmsportal/PiqyziYmvbgAudYfhuBr.svg',
className: 'title-image',
},
{
name: 'title',
children: (
<>
<p>
<br />
</p>
</>
),
className: 'title-h1',
},
{
name: 'content',
children: (
<>
<p>
每年协会成员都有多人进入竺可桢学院工高班和爱迪生班等荣誉班级就读
</p>
</>
),
className: 'title-content k6njo4yb7gb-editor_css',
},
{
name: 'content2',
children: (
<>
<p>
此外在中控杯大学生数学建模竞赛电路板焊接大赛中多人获得优异奖项
</p>
</>
),
className: 'title-content k6njr5kxpn-editor_css',
},
],
},
button: {
className: '',
children: { a: { className: 'button', href: '/#/ticket', children: '立即报名' } },
},
};

View File

@ -1,4 +0,0 @@
# 如何使用:
- umi 里如何使用[请查看](https://landing.ant.design/docs/use/umi)。
- 其它脚手架使用[请查看](https://landing.ant.design/docs/use/getting-started)。

View File

@ -1,105 +0,0 @@
/* eslint no-undef: 0 */
/* eslint arrow-parens: 0 */
import React from 'react';
import { enquireScreen } from 'enquire-js';
import Nav3 from "../Home/Nav3";
import Pricing1 from './Pricing1';
import Feature7 from './Feature7';
import Content11 from './Content11';
import Footer0 from '../Home/Footer0';
import {
Pricing10DataSource,
Feature70DataSource,
Content110DataSource,
} from './data.source';
import './less/antMotionStyle.less';
import '../Home/less/antMotionStyle.less';
import {
Nav30DataSource,
Footer00DataSource,
} from '../Home/data.source';
let isMobile;
enquireScreen((b) => {
isMobile = b;
});
const { location } = 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}
/>,
<Pricing1
id="Pricing1_0"
key="Pricing1_0"
dataSource={Pricing10DataSource}
isMobile={this.state.isMobile}
/>,
<Feature7
id="Feature7_0"
key="Feature7_0"
dataSource={Feature70DataSource}
isMobile={this.state.isMobile}
/>,
<Content11
id="Content11_0"
key="Content11_0"
dataSource={Content110DataSource}
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>
);
}
}

View File

@ -1,7 +0,0 @@
@import './common.less';
@import './custom.less';
@import './content.less';
@import './pricing1.less';
@import './feature7.less';
@import './content11.less';
@import './edit.less';

View File

@ -1,24 +0,0 @@
@import "~antd/lib/style/v2-compatible-reset.less";
body {
word-wrap: break-word;
}
/* .content-wrapper > .tween-one-leaving,
.queue-anim-leaving {
// position: absolute !important;
// width: 100%;
} */
.video {
max-width: 800px;
}
#react-content {
min-height: 100%;
}
.home-page-wrapper p {
padding: 0;
margin: 0;
}

View File

@ -1,44 +0,0 @@
@homepage: home-page;
.@{homepage}-wrapper {
width: 100%;
position: relative;
overflow: hidden;
.@{homepage} {
height: 100%;
max-width: 1200px;
position: relative;
margin: auto;
will-change: transform;
}
.title-wrapper > h1, > h1 {
font-size: 32px;
color: @text-color;
margin-bottom: 16px;
}
.title-wrapper {
margin: 0 auto 64px;
text-align: center;
}
}
.@{homepage} {
padding: 128px 24px;
}
@media screen and (max-width: 767px) {
.@{homepage}-wrapper {
.@{homepage} {
padding: 56px 24px;
>h1 {
font-size: 24px;
margin: 0 auto 32px;
&.title-h1 {
margin-bottom: 8px;
}
}
>p {
margin-bottom: 32px;
}
}
}
}

View File

@ -1,46 +0,0 @@
@content11: content11;
.@{content11}-wrapper {
height: 480px;
background: url("https://gw.alipayobjects.com/zos/rmsportal/ZsWYzLOItgeaWDSsXdZd.svg") no-repeat bottom;
background-size: cover;
background-size: 100%;
margin: 0 auto;
overflow: hidden;
padding-top: 96px;
&.home-page-wrapper {
.title-wrapper {
margin-bottom: 32px;
}
}
.button {
box-shadow: 0 8px 16px #0554b7;
background: linear-gradient(to right, #05cbff, #1e5aff) !important;
height: 42px;
line-height: 42px;
font-size: 14px;
border: 0;
border-radius: 21px;
color: #fff;
width: 128px;
padding: 0 15px;
display: inline-block;
transition: transform .3s, box-shadow .3s;
&:hover {
transform: translateY(-4px);
box-shadow: 0 12px 20px #0554b7;
}
&:active {
transform: translateY(4px);
box-shadow: 0 4px 8px #0554b7;
}
}
.title-content {
line-height: 32px;
}
}
@media screen and (max-width: 767px) {
.@{content11}-wrapper {
padding-bottom: 0;
}
}

View File

@ -1,35 +0,0 @@
@import "~antd/lib/style/themes/default.less";
@line-color: #e9e9e9;
@shadow-color: rgba(0, 0, 0, 0.15);
@bottom-bar-bg-color: #262626;
@bottom-bar-line-color: #000;
@template-bg-color: #001529;
@template-bg-color-light: #ececec;
@template-nav-bg-color: #001529;
@template-text-color: #ccc;
@template-text-title-color: #bcbcbc;
@template-text-color-light: #fff;
@template-footer-text-color: #999;
@animate-duration: .45s;
/* 详细页图片或框框的样式;
*/
.page-shadow() {
box-shadow: 0 5px 8px @shadow-color;
}
.page-pro() {
border-radius: 6px;
border: 1px solid @line-color;
transform: translateY(0);
transition: transform .3s @ease-out, box-shadow .3s @ease-out;
&:hover {
.page-shadow();
transform: translateY(-5px);
}
}

View File

@ -1,50 +0,0 @@
#Pricing1_0
.pricing1-block-box
> .pricing1-top-wrapper
> .k6niku34c3-editor_css {
font-size: 28px;
}
#Pricing1_0 .ant-col > .pricing1-block-box > .k6nimnp5as-editor_css {
font-size: 16px;
}
#Pricing1_0
.pricing1-block-box
> .pricing1-top-wrapper
> .k6ninis0ok-editor_css {
font-size: 28px;
}
#Pricing1_0 .ant-col > .pricing1-block-box > .k6niojh3hyf-editor_css {
font-size: 16px;
}
#Pricing1_0
.pricing1-block-box
> .pricing1-top-wrapper
> .k6nip1p7ezh-editor_css {
font-size: 28px;
}
#Pricing1_0 .ant-col > .pricing1-block-box > .k6nipheaxuh-editor_css {
font-size: 16px;
}
#Feature7_0 .ant-col > .feature7-block-group > .k6niz1ixc6-editor_css {
width: 0%;
}
#Feature7_0 .ant-col > .feature7-block-group > .k6nj0lolnf-editor_css {
display: none;
}
#Feature7_0 .ant-row > .ant-col > .k6nj0rhbyb-editor_css {
text-align: center;
}
#Feature7_0 .ant-col > .feature7-block-group > .k6niz26grar-editor_css {
width: 50px;
margin: 0px 0px 16px 90px;
}
#Feature7_0 .ant-col > .feature7-block-group > .k6nj3s0akal-editor_css {
font-size: 16px;
}
#Content11_0 .title-wrapper > .k6njo4yb7gb-editor_css {
font-size: 16px;
}
#Content11_0 .title-wrapper > .k6njr5kxpn-editor_css {
font-size: 16px;
height: 100px;
}

View File

@ -1,81 +0,0 @@
@feature7: feature7;
.@{feature7} {
&-wrapper {
min-height: 564px;
margin: 0 auto;
overflow: hidden;
background-color: #f7f9fc;
&.home-page-wrapper {
.home-page {
padding: 64px 24px;
}
}
}
&-title {
&-wrapper {
text-align: center;
margin-bottom: 40px;
}
&-h1 {
font-size: 32px;
color: @text-color;
}
&-content {
margin-top: 16px;
}
}
&-block {
margin-top: 28px;
&-group {
display: block;
padding: 28px 24px;
box-shadow: 0 2px 16px fade(#000, 8);
background-image: url('https://gw.alipayobjects.com/mdn/rms_ae7ad9/afts/img/A*fMOFSpRXMxsAAAAAAAAAAABkARQnAQ');
background-repeat: no-repeat;
background-position: 100% 100%;
transition: box-shadow @animate-duration @ease-in-out, transform @animate-duration @ease-in-out;
&:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px fade(#000, 12);
}
}
&-image {
float: left;
width: 24px;
}
&-title {
font-size: 14px;
float: left;
margin-left: 8px;
margin-bottom: 16px;
color: @text-color;
}
&-content {
clear: both;
color: fade(@text-color, 75);
}
}
}
@media screen and (max-width: 767px) {
.@{feature7}-wrapper {
min-height: 1540px;
&.home-page-wrapper {
.home-page {
padding: 56px 24px;
}
}
}
}

View File

@ -1,85 +0,0 @@
@pricing1: pricing1;
.@{pricing1}-wrapper {
min-height: 760px;
.@{pricing1} {
>p {
text-align: center;
}
&-content-wrapper {
min-height: 400px;
}
&-block-box {
width: 260px;
border-radius: 4px;
background: #eef0f3;
text-align: center;
color: #666;
min-height: 400px;
margin: auto;
border: 1px solid transparent;
.page-pro();
&.active {
border-color: @primary-color;
background: #fff;
.@{pricing1} {
&-top-wrapper {
background: @primary-color;
}
&-name,
&-money,
&-button {
color: #fff;
}
&-button {
background: @primary-color;
}
}
}
}
&-block {
margin-bottom: 24px;
}
&-top-wrapper {
width: 100%;
padding: 16px 24px;
}
&-name {
font-size: 14px;
}
&-money {
font-family: 'Helvetica Neue', sans-serif;
font-size: 32px;
color: #666;
}
&-content {
font-size: 12px;
line-height: 2;
font-weight: 300;
margin: 32px 24px 48px;
}
&-line {
display: block;
height: 1px;
background: #d9d9d9;
margin: 0 24px;
}
&-button-wrapper {
margin: 18px 24px;
}
&-button {
padding: 0 24px;
}
}
&.home-page-wrapper {
.@{pricing1}-title-wrapper {
margin-bottom: 64px;
text-align: center;
}
}
}
@media screen and (max-width: 767px) {
.@{pricing1}-wrapper {
padding-bottom: 0;
}
}

View File

@ -1,25 +0,0 @@
import React from 'react';
import { Button } from 'antd';
export const isImg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?/;
export const getChildrenToRender = (item, i) => {
let tag = item.name.indexOf('title') === 0 ? 'h1' : 'div';
let children;
switch (item.name) {
case 'image':
children = React.createElement('img', { src: item.children, alt: 'img' });
break;
case 'a':
children = React.createElement('a', { href: item.href }, [item.children]);
break;
default:
children = item.children;
}
if (item.name.indexOf('button') === 0 && typeof item.children === 'object') {
children = React.createElement(Button, {
...item.children
});
}
return React.createElement(tag, { key: i.toString(), ...item }, children);
};

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/picture/diy.png 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 600 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 160 KiB

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 MiB

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 MiB

After

Width:  |  Height:  |  Size: 299 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 325 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 149 KiB

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB