Skip to content

M
mr-julyedu
Commit ed4caa55 by baiguangyao
Options

.

parent 9f6ea9fa
Showing with 4078 additions and 0 deletions
.history/src/assets/theme/config_20190425183747.js 0 → 100644
module.exports = function() {
return {
"brand-primary": 'green',
"color-text-base": '#333'
}
}
\ No newline at end of file
.history/src/assets/theme/config_20190425184618.js 0 → 100644
module.exports = function() {
return {
"@brand-primary": 'green',
"@color-text-base": '#333'
}
}
\ No newline at end of file
.history/src/common/OrderList/index_20190425160753.js 0 → 100644
import { Component } from 'react';
const CardList = ({ title, extra, children, ...restProps }) => {
return (
<div>
<div className={style.card2} {...restProps}>
<nav>{title} <span className={style.details}>{extra}</span></nav>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default CardList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425174602.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
const CardList = ({ title, extra, children, ...restProps }) => {
return (
<div>
<div className={style.card2} {...restProps}>
<nav>{title} <span className={style.details}>{extra}</span></nav>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default CardList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425174958.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
const CardList = ({ info, tab, children, ...restProps }) => {
return (
<div>
<li className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{props.tab}
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</li>
</div>
)
}
export default CardList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425175433.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 标题
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderList = ({ info, tab, children, ...restProps }) => {
return (
<div>
<li className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{props.tab}
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</li>
</div>
)
}
export default OrderList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425175533.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderList = ({ info, tab, children, ...restProps }) => {
return (
<div>
<li className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</li>
</div>
)
}
export default OrderList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425175546.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderList = ({ info, tab, children, ...restProps }) => {
return (
<div>
<li className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</li>
</div>
)
}
export default OrderList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425175918.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderList = ({ info, tab, children, ...restProps }) => {
return (
<div>
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default OrderList;
\ No newline at end of file
.history/src/common/OrderList/index_20190425180122.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div>
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190425180230.js 0 → 100644
// import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div>
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190425180234.js 0 → 100644
import { Component } from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div>
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190425180253.js 0 → 100644
import React from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div>
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/index_20190425181719.js 0 → 100644
import React from 'react';
import './orderlist.scss';
/**
* @OrderList 组件内容
* @param info 右侧信息
* @param children 内容
* @param restProps 传入的自定义属性
* @returns {*}
* @constructor
*/
const OrderItem = ({ info, tab, children, ...restProps }) => {
return (
<div className='public-list-item'>
<div className="public-content">
<div className="public-cover" >
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt="" />
</div>
{info}
</div>
{React.Children.map(
children,
child => (child ? React.cloneElement(child, {}) : child)
)}
</div>
)
}
export default OrderItem;
\ No newline at end of file
.history/src/common/OrderList/orderlist_20190425175724.scss 0 → 100644
.public-list-item{
margin-top: 8px;
padding: 10px 15px 0 15px;
}
.history/src/common/OrderList/orderlist_20190425175915.scss 0 → 100644
.public-list-item{
margin-top: 8px;
padding: 10px 15px 0 15px;
.public-content{
display: flex;
height: 100%;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
}
}
}
.history/src/common/OrderList/orderlist_20190425180559.scss 0 → 100644
.public-list-item{
margin-top: 8px;
padding: 10px 15px 0 15px;
.public-content{
display: flex;
height: 100%;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425181334.scss 0 → 100644
.public-list-item{
margin-top: 8px;
.public-content{
display: flex;
height: 100%;
margin: 10px 15px 0 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425181335.scss 0 → 100644
.public-list-item{
margin-top: 8px;
.public-content{
display: flex;
height: 100%;
margin: 10px 15px 0 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425181411.scss 0 → 100644
.public-list-item{
margin-top: 8px;
.public-content{
display: flex;
height: 100%;
margin: 0 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425181436.scss 0 → 100644
.public-list-item{
margin-top: 8px;
padding-top: 10px;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425182016.scss 0 → 100644
.public-list-item{
margin-top: 8px;
padding-top: 10px;
background: $bg_fff;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425182150.scss 0 → 100644
.public-list-item{
background: $bg_fff;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding-bottom: 10px;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425182259.scss 0 → 100644
.public-list-item{
background: $bg_fff;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding: 10px 0;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.history/src/common/OrderList/orderlist_20190425182351.scss 0 → 100644
.public-list-item{
margin-top: 5px;
background: $bg_fff;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding: 10px 0;
.public-cover{
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.public-list-item:first-child{
margin-top: 0px;
}
.history/src/common/OrderList/orderlist_20190425182633.scss 0 → 100644
.public-list-item{
margin-top: 5px;
background: $bg_fff;
.public-content{
display: flex;
height: 100%;
margin: 0px 15px;
padding: 10px 0;
.public-cover{
flex: 1 0 auto;
margin-right: 15px;
position: relative;
img{
width: 125px;
height: 90px;
border-radius: 3px;
}
}
}
}
.public-list-item:first-child{
margin-top: 0px;
}
.history/src/common/VList/index_20190424103337.js 0 → 100644
import React from 'react';
import './index.scss'
const VList = (props) => {
return (
<li className='v-list-item'>
<div className="content">
<div className="cover" onClick={props.handleClick}>
{props.status}
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt=""/>
</div>
{props.info}
</div>
</li>
);
};
export default VList;
\ No newline at end of file
.history/src/common/VList/index_20190424103337.scss 0 → 100644
.v-list-item {
height: 127px;
padding: 10px 10px 0;
.content {
display: flex;
height: 100%;
padding-bottom: 10px;
border-bottom: 1px solid $sp_e7eaf1;
.cover {
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img {
width: 150px;
height: 108px;
border-radius: 3px;
}
}
.course-status {
width: 100%;
height: 24px;
position: absolute;
bottom: -1px;
border-radius: 0 0 3px 3px;
text-align: center;
line-height: 24px;
color: $white;
font-size: 13px;
}
}
}
\ No newline at end of file
.history/src/common/VList/index_20190425151147.js 0 → 100644
import React from 'react';
import './index.scss'
const VList = (props) => {
return (
<li className='v-list-item'>
<div className="content">
<div className="cover" onClick={props.handleClick}>
{props.status}
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt=""/>
</div>
{props.info}
</div>
　{props.tab}
</li>
);
};
export default VList;
\ No newline at end of file
.history/src/common/VList/index_20190425151705.js 0 → 100644
import React from 'react';
import './index.scss'
const VList = (props) => {
return (
<li className='v-list-item'>
<div className="content">
<div className="cover" onClick={props.handleClick}>
{props.status}
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt=""/>
</div>
{props.info}
</div>
<div>
　{props.tab}
</div>
</li>
);
};
export default VList;
\ No newline at end of file
.history/src/common/VList/index_20190425151743.js 0 → 100644
import React from 'react';
import './index.scss'
const VList = (props) => {
return (
<li className='v-list-item'>
<div className="content">
<div className="cover" onClick={props.handleClick}>
{props.status}
<img src='https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg' alt=""/>
</div>
{props.info}
</div>
{props.tab}
</li>
);
};
export default VList;
\ No newline at end of file
.history/src/common/VList/index_20190425170406.scss 0 → 100644
.v-list-item {
height: 127px;
padding: 10px 10px 0;
.content {
display: flex;
height: 100%;
padding-bottom: 10px;
border-bottom: 1px solid $sp_e7eaf1;
.cover {
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img {
width: 150px;
height: 108px;
border-radius: 3px;
}
}
.course-status {
width: 100%;
height: 24px;
position: absolute;
bottom: -1px;
border-radius: 0 0 3px 3px;
text-align: center;
line-height: 24px;
color: $white;
font-size: 13px;
}
}
}
.order-prefer{
.am-list{
border-top: 1px solid #e7eaf1;
}
.order-prefer-text{
.am-list-content{
color: $color_333;
}
}
}
\ No newline at end of file
.history/src/common/VList/index_20190425170431.scss 0 → 100644
.v-list-item {
height: 127px;
padding: 10px 10px 0;
.content {
display: flex;
height: 100%;
padding-bottom: 10px;
border-bottom: 1px solid $sp_e7eaf1;
.cover {
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img {
width: 150px;
height: 108px;
border-radius: 3px;
}
}
.course-status {
width: 100%;
height: 24px;
position: absolute;
bottom: -1px;
border-radius: 0 0 3px 3px;
text-align: center;
line-height: 24px;
color: $white;
font-size: 13px;
}
}
.order-prefer{
.am-list{
border-top: 1px solid #e7eaf1;
}
.order-prefer-text{
.am-list-content{
color: $color_333;
}
}
}
}
.history/src/common/VList/index_20190425170503.scss 0 → 100644
.v-list-item {
height: 127px;
padding: 10px 10px 0;
.content {
display: flex;
height: 100%;
padding-bottom: 10px;
border-bottom: 1px solid $sp_e7eaf1;
.cover {
flex: 1 0 auto;
margin-right: 16px;
position: relative;
img {
width: 150px;
height: 108px;
border-radius: 3px;
}
}
.course-status {
width: 100%;
height: 24px;
position: absolute;
bottom: -1px;
border-radius: 0 0 3px 3px;
text-align: center;
line-height: 24px;
color: $white;
font-size: 13px;
}
}
}
.history/src/common/index_20190425180208.js 0 → 100644
// 底部路由
export { default as Nav } from './Nav'
export { default as VList } from './VList'
export { default as Course } from './Course' // 课程状态（试听 正在直播）+封面+标题+ 详情
export { default as Tag } from './CategoryTag'
export { default as OrderItem } from './OrderList'
.history/src/components/order/index_20190424151040.js 0 → 100644
import React, { Component } from 'react';
class Order extends Component {
render() {
return (
<div>订单</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190424183157.js 0 → 100644
import React, { Component } from 'react';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190424183202.js 0 → 100644
import React, { Component } from 'react';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
{/* <Flex>
</Flex> */}
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095116.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item></Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095216.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
我的
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095254.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095606.js 0 → 100644
import React, { Component } from 'react';
import { Flex, WhiteSpace, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
icon={<Icon type="left" />}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095614.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
icon={<Icon type="left" />}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095740.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095814.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095819.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095833.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="dark"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425095850.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="my-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425100000.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425100320.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425100520.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425102958.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<div>
<i className="iconfont icondanseshixintubiao-6"></i>
</div>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425103318.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-65"></i>
<div className="order-info"></div>
<i className="iconfont iconiconfront-70"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425103426.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-65"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425103537.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-65 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425103741.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425104813.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425110301.js 0 → 100644
import React, { Component } from 'react';
import { Flex, Icon, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425110306.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425110748.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425110841.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425110845.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425111337.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
class Order extends Component {
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425111555.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
class Order extends Component {
constructor(props) {
super(props);
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<VList handleClick={handleClick} {...item} key={index} info={Info}></VList>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425111606.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
class Order extends Component {
constructor(props) {
super(props);
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<VList handleClick={this.handleClick} {...item} key={index} info={Info}></VList>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425111856.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
class Order extends Component {
constructor(props) {
super(props);
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<VList handleClick={this.handleClick} ></VList>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425112047.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
class Order extends Component {
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<VList handleClick={this.handleClick} ></VList>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113110.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((number, index) =>
<li key={index}>{number}</li>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
};
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113218.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((number, index) =>
<li key={index}>{number}</li>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113304.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((number, index) =>
<li key={index}>{number}</li>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113319.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((number, index) =>
<li key={index}>{number}</li>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113456.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((number, index) =>
<VList handleClick={this.handleClick} {...item} key={index} info={Info}></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113505.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} info={Info}></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113510.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113711.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
},
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425113718.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<VList handleClick={this.handleClick} ></VList>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425114200.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList list={mockData} />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425114541.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const orderList = props.list;
return (
<ul>
{
orderList.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList list={mockData} />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425114700.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList list={mockData} />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115039.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115115.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115124.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115300.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<orderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115330.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function orderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115340.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList />
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115441.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115514.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList handleClick={this.props.handleClick} {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115533.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115548.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VListkey={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115549.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115740.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList {...item} key={index} ></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425115959.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
<VList {...item} key={index} info={mockData}></VList>
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425120121.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) =>
const Info = (
<div className="info">
<p className='title'>{item.title}</p>
<p className='contact'>{item.contact}</p>
<p className='des'>
<span className='time'>{item.time}</span>
<span className='record'>{item.record}</span>
</p>
</div>
)
return (
<VList {...item} key={index} info={Info}></VList>
)
)
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425120209.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
mockData.map((item, index) => {
const Info = (
<div className="info">
<p className='title'>{item.title}</p>
<p className='contact'>{item.contact}</p>
<p className='des'>
<span className='time'>{item.time}</span>
<span className='record'>{item.record}</span>
</p>
</div>
)
return (
<VList {...item} key={index} info={Info}></VList>
)
})
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
.history/src/components/order/index_20190425120318.js 0 → 100644
import React, { Component } from 'react';
import { Flex, NavBar } from 'antd-mobile';
import { VList } from '@/common/index'
import "./order.scss"
const mockData = [
{
title: '三月面试求职班',
imgUrl: 'https://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/Image/4c5ccac604.jpg',
contact: 'QQ群：449141326',
time: '03月12日',
record: '学习到第2课2分33秒'
}
]
function OrderList(props) {
const List = props.list;
return (
<ul>
{
List.map((item, index) => {
const Info = (
<div className="info">
<p className='title'>{item.title}</p>
<p className='contact'>{item.contact}</p>
<p className='des'>
<span className='time'>{item.time}</span>
<span className='record'>{item.record}</span>
</p>
</div>
)
return (
<VList {...item} key={index} info={Info}></VList>
)
})
}
</ul>
);
}
class Order extends Component {
constructor(props) {
super(props);
this.state = {
}
}
handleClick = () => {
console.log(1);
}
addCourseClick = () => {
console.log(2);
}
render() {
return (
<div className="order-wrapper">
<Flex>
<Flex.Item>
<NavBar
style={{"height": "44px"}}
className="order-tab"
mode="light"
icon={<i className="iconfont iconiconfront-68"></i>}
>
课程报名
</NavBar>
<div className="order-information">
<i className="iconfont iconiconfront-6 order-addsize"></i>
<div className="order-info">完善报名信息</div>
<i className="iconfont iconiconfront-70 order-next"></i>
</div>
<div className="order-content">
<ul>
<OrderList list={mockData}/>
</ul>
</div>
</Flex.Item>
</Flex>
</div>
)
}
}
export default Order;
\ No newline at end of file
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