Merge branch 'master' into passport

# Conflicts:
#	src/router.js
#	src/styles/variable.scss

.history/src/App_20190422170733.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './routes'
+import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/App_20190422170736.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './routes'
+// import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/App_20190422171630.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './router'
+// import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/assets/theme/config_20190425183747.js

+module.exports = function() {
+    return {
+        "brand-primary": 'green',
+        "color-text-base": '#333'
+    }
+}
\ No newline at end of file

.history/src/assets/theme/config_20190425184618.js

+module.exports = function() {
+    return {
+        "@brand-primary": 'green',
+        "@color-text-base": '#333'
+    }
+}
\ No newline at end of file

.history/src/base/Tag/index_20190422163731.js

+import React, { Component } from 'react'
+import './tag.scss'
+export default class Tag extends Component {
+    render() {
+        return (
+            <span className="tag" {...this.props}>
+                {this.props.children}
+            </span>
+        )
+    }
+}

.history/src/base/Tag/tag_20190422163719.scss

+.tag{
+    display: block;
+    max-width: 100%;
+    overflow: hidden;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    font-size:12px;
+    padding:4px 10px;
+    color:#555;
+    border-radius: 3px;
+    float: left;
+    background-color: #f0f2f5;
+    line-height: 20px;
+}
\ No newline at end of file

.history/src/common/OrderList/index_20190425160753.js

+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

+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

+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

+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

+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

+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

+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

+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

+// 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

+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

+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

+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

+    .public-list-item{
+        margin-top: 8px;
+        padding: 10px 15px 0 15px;
+    }

.history/src/common/OrderList/orderlist_20190425175915.scss

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+    .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

+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

+.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

+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

+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

+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

+.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

+.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

+.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

+// 底部路由
+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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

+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