Skip to content

M
mr-julyedu
Commit 364c2051 by FE
Options

Merge branch '00' of gitlab.julyedu.com:baiguangyao/mr-julyedu into 00

parents bb443545 73265398
Showing with 220 additions and 27 deletions
src/common/closable-popup/index.js
...@@ -3,9 +3,16 @@ import ReactDOM from 'react-dom' ...@@ -3,9 +3,16 @@ import ReactDOM from 'react-dom'
import './index.scss' import './index.scss'
import classnames from 'classnames' import classnames from 'classnames'
const re = /(https?|ftp):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/
function ClosablePopup({ function ClosablePopup({
title, content, className, closable = true, close = function () { title,
} content,
className,
closable = true,
close = function () {
},
closeIcon = 'iconiconfront-2'
} = {}) { } = {}) {
function unmountComponent() { function unmountComponent() {
...@@ -35,7 +42,10 @@ function ClosablePopup({ ...@@ -35,7 +42,10 @@ function ClosablePopup({
{content} {content}
</div> </div>
{ {
closable && <i className={'close iconfont iconiconfront-2'} onClick={_close}/> closable &&
re.test(closeIcon)
? <img src={closeIcon} alt="" className={'close-icon'} onClick={_close}/>
: <i className={`close iconfont ${closeIcon}`} onClick={_close}/>
} }
</div> </div>
</div> </div>
......
src/common/closable-popup/index.scss
...@@ -31,5 +31,16 @@ ...@@ -31,5 +31,16 @@
font-size: 36px; font-size: 36px;
color: #fff; color: #fff;
} }
.close-icon {
position: absolute;
bottom: -66px;
left: 50%;
width: 33px;
height: 33px;
transform: translateX(-50%);
font-size: 36px;
color: #fff;
}
} }
} }
src/components/activity/index.scss → src/components/activity/1111/index.scss
...@@ -6,13 +6,13 @@ ...@@ -6,13 +6,13 @@
.banner__con { .banner__con {
width: 100%; width: 100%;
height: 170px; height: 170px;
background: url('./images/formal-banner.png') center center no-repeat; background: url('images/formal-banner.png') center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.content__con { .content__con {
width: 100%; width: 100%;
height: 454px; height: 454px;
background: url('./images/dalibao_bj.png') center center no-repeat; background: url('images/dalibao_bj.png') center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
.img__con { .img__con {
width: 88px; width: 88px;
height: 16px; height: 16px;
background: url('./images/value.png') center center no-repeat; background: url('images/value.png') center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 4px; margin-left: 4px;
} }
...@@ -186,7 +186,7 @@ ...@@ -186,7 +186,7 @@
font-weight:400; font-weight:400;
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
width: 240px; width: 240px;
background: url('./images/yaoqh_bj.png') center center no-repeat; background: url('images/yaoqh_bj.png') center center no-repeat;
background-size: 100% 50%; background-size: 100% 50%;
text-align: center; text-align: center;
text-align-last: center; text-align-last: center;
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
.share__row { .share__row {
width: 60px; width: 60px;
height: 44px; height: 44px;
background: url('./images/throw_icon.png') center center no-repeat; background: url('images/throw_icon.png') center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
right: 15px; right: 15px;
......
src/components/activity/newyear-2019/box-container/box-container.scss 0 → 100644
.box-container {
position: relative;
background: #327443;
padding: 14px 0;
.image-box {
height: 100%;
background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/sd_nr_bj2.png") repeat-y;
background-size: 100% auto;
}
@mixin common-deco($bg) {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 14px;
display: block;
background: url($bg) no-repeat;
background-size: 375px auto;
}
&::before {
@include common-deco("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/sd_nr_bj1.png");
top: 0;
}
&::after {
@include common-deco("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/sd_nr_bj3.png");
bottom: 0;
}
}
src/components/activity/newyear-2019/box-container/container.js 0 → 100644
import React, { Component } from 'react'
import './box-container.scss'
class Container extends Component {
render() {
return (
<div className={'box-container'}>
<div className="image-box">
{this.props.children}
</div>
</div>
)
}
}
export default Container
src/components/activity/newyear-2019/common/commonContainer/index.js 0 → 100644
import React, { Component } from 'react'
import './index.scss'
export default class CommonContainer extends Component {
constructor(props) {
super(props)
}
render() {
return (
<div className='common_container'>
<div className='container_top'></div>
<div className='container_content'>
<div className='title_container'>
<i></i>
<p>{this.props.title}</p>
<i></i>
</div>
{
React.Children.map(this.props.children, function (child) {
return <>{child}</>;
})
}
</div>
<div className='container_bottom'></div>
</div>
)
}
}
src/components/activity/newyear-2019/common/commonContainer/index.scss 0 → 100644
.common_container {
.title_container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
i {
width: 230px;
height: 2px;
background: linear-gradient(
90deg,
rgba(254, 228, 29, 0) 0%,
rgba(254, 228, 29, 0.98) 48%,
rgba(254, 228, 29, 0) 100%
);
}
p {
font-size: 18px;
line-height: 18px;
font-weight: 500;
color: rgba(254, 228, 29, 1);
margin: 8px auto;
background: linear-gradient(
0deg,
rgba(254, 228, 29, 1) 23.9013671875%,
rgba(255, 204, 0, 1) 50.146484375%,
rgba(254, 228, 29, 1) 75%
);
background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.container_top {
background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_top_bj.png")
center center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 18px;
}
.container_bottom {
background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_bottom_bj.png")
center center no-repeat;
background-size: 100% 100%;
width: 100%;
height: 22px;
}
.container_content {
background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_middle_bj.png")
center center no-repeat;
background-size: 100% 100%;
width: 100%;
min-height: 25px;
}
}
src/components/activity/newyear-2019/preheat/LiveRoom/index.js 0 → 100644
import React, { Component } from 'react';
import './index.scss';
import CommonContainer from './../../common/commonContainer/index'
export default class index extends Component {
render() {
return (
<div>
<CommonContainer title='大咖直播'>
<div>
</div>
</CommonContainer>
</div>
)
}
}
src/components/activity/newyear-2019/preheat/index.js 0 → 100644
import React, { Component } from 'react'
import './index.scss'
import LiveRoom from './LiveRoom/index';
export default class index extends Component {
render() {
return (
<div>
<LiveRoom />
</div>
)
}
}
src/router/index.js
...@@ -14,18 +14,18 @@ import PrivateRoute from './privateRoute' ...@@ -14,18 +14,18 @@ import PrivateRoute from './privateRoute'
// }; // };
export default function () { export default function () {
return ( return (
<Switch> <Switch>
{RouterConfig.map((item, index) => { {RouterConfig.map((item, index) => {
let {isPrivate, ...rest} = item let {isPrivate, ...rest} = item
if (isPrivate) { if (isPrivate) {
return <PrivateRoute {...rest} key={index}/> return <PrivateRoute {...rest} key={index}/>
} else { } else {
return ( return (
<Route {...rest} key={index}/> <Route {...rest} key={index}/>
) )
} }
})} })}
</Switch> </Switch>
) )
} }
\ No newline at end of file
src/router/router-config.js
...@@ -33,8 +33,8 @@ const ShareCourse = loadable(() => import(/* webpackChunkName: 'ShareCourse'*/'@ ...@@ -33,8 +33,8 @@ const ShareCourse = loadable(() => import(/* webpackChunkName: 'ShareCourse'*/'@
const Country = loadable(() => import(/* webpackChunkName: 'Country' */'@/components/country/index')) const Country = loadable(() => import(/* webpackChunkName: 'Country' */'@/components/country/index'))
const ExpandCallback = loadable(() => import('@/components/expand/callback')) const ExpandCallback = loadable(() => import('@/components/expand/callback'))
const ExpandShare = loadable(() => import('@/components/expand/share')) const ExpandShare = loadable(() => import('@/components/expand/share'))
const Activity = loadable(() => import(/* webpackChunkName: 'Activity' */'@/components/activity/index')) const Activity = loadable(() => import(/* webpackChunkName: 'Activity' */'@/components/activity/1111/index'))
const Invite = loadable(() => import(/* webpackChunkName: 'Invite' */'@/components/activity/invite')) const Invite = loadable(() => import(/* webpackChunkName: 'Invite' */'@/components/activity/1111/invite'))
export default [ export default [
{ {
path: '/', path: '/',
...@@ -187,7 +187,7 @@ export default [ ...@@ -187,7 +187,7 @@ export default [
}, },
{ {
path: '/prize-winner-list', path: '/prize-winner-list',
component: loadable(() => import(/* webpackChunkName: 'prize-winner-list' */'@/components/activity/prize-winner-list')) component: loadable(() => import(/* webpackChunkName: 'prize-winner-list' */'@/components/activity/1111/prize-winner-list'))
}, },
//定金订单页面 //定金订单页面
{ {
...@@ -220,10 +220,22 @@ export default [ ...@@ -220,10 +220,22 @@ export default [
}, },
{ {
path: '/activity', path: '/activity',
exact: true,
component: Activity, component: Activity,
}, },
{ {
path: '/invite', path: '/invite',
component: Invite, component: Invite,
},
//双旦活动
{
path: '/activity/newyear-2019/landing',
component: loadable(() => import(/* webpackChunkName: 'newyear-2019-landing'*/ '@components/activity/newyear-2019/landing/index'))
},
// 双旦活动预热页面
{
path: '/year/yearIndex',
component: loadable(() => import(/* webpackChunkName: 'newyear-yearIndex' */ '@components/activity/newyear-2019/preheat/index'))
} }
] ]
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment